1

Twitter Bootstrap APIは、css を追加して、bootstrapcss と css の間の body 要素にパディングを追加するように指示しますbootstrap-responsive。私はファイルでそうしました_masterが、まだパディングを追加していないようです。

私はこれを間違って読んでいますか、それとも何か他のことが間違っている可能性がありますか?

_masterの頭の部分

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Bootstrapped</title>
<link href="@Url.Content("~/css/bootstrap.css")" rel="stylesheet" />
<link href="@Url.Content("~/css/skin.css")" rel="stylesheet" />
<link href="@Url.Content("~/css/bootstrap-responsive.css")" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <a class="brand" href="#">Title</a>
                <ul class="nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                </ul>
            </div>
        </div>
        <div>
            @RenderBody()
        </div>
    </div>
    <script src="~/js/bootstrap.js"></script>
</body>

CSS

body {
    padding-bottom: 40px;
}

ボディのパディングが機能していない視覚化 (一番上までスクロール) ここに画像の説明を入力

4

2 に答える 2

2

あなたがする必要がpadding-top: 40pxあるのは、ボディを含む div に a を与えることです。

例:フィドル

<div class="container">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <a class="brand" href="#">Title</a>
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
        </div>
    </div>

    <div style="padding-top: 40px">
        some content 1<br />
        some content 2<br />
        some content 3<br />
        some content 4<br />
    </div>
</div>
于 2013-01-03T10:06:33.633 に答える
0

padding-top: 40px代わりに使用したいと思うかもしれませんか?

于 2013-01-03T09:38:52.693 に答える