Bootstrap样式表的正确顺序

Twitter Bootstrap API告诉我添加我的css来添加填充到bootstrap css和bootstrap-responsive css之间的正文元素。我在_master文件中这样做了，但它似乎没有添加填充静止。Bootstrap样式表的正确顺序

我是不是正确地阅读了这些内容，或者可能是其他问题？

我_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; 
}

体填充的可视化不工作（滚动一路到顶部） enter image description here

来源

2013-01-03 Cody

你需要做的是给padding-top: 40px包含正文的div。

例：Fiddle

<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-03 10:06:33

这就是我得到在凌晨4点这个东西的工作...这是确切的问题。 – Cody

我想你可能想用padding-top: 40px代替？

来源

2013-01-03 09:38:52 Ace7k3

Bootstrap样式表的正确顺序

回答

相关问题