4

Bootstrap 3.0.0 を使用してコンテンツがブランドと一致しないのはなぜですか? これらを揃えるにはどうすればよいですか?

ここに画像の説明を入力

ここに私のHTMLがあります:

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta name="viewport" content="width=device-width initial-scale=1.0">
        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/app.css" rel="stylesheet">
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <span class="navbar-brand">Brand</span>
                </div>
            </div>
        </div>
        <div id="main-region" class="container">
            <p>Content</p>
        </div>

        <script data-main="js/main" src="bower_components/requirejs/require.js"></script>
        <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>    
    </body>
</html>

app.css は次のとおりです。

body {
    padding-top: 60px;
}
4

1 に答える 1