Question

我正在尝试使用twitter bootstrap，它是CSS / HTML的新手。这是我的简单HTML：

<!DOCTYPE html>
<html>
<head>
  ......
</head>
<body>
  <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
          <a class="brand" href="#">Test App</a>
      </div>
    </div>
  </div>
</body>
</html>

它呈现和页面具有奇怪的上边距和左边距：http://i45.tinypic.com/2nlcv10.png

Answer 1

如果您希望导航栏为全宽并且卡在顶部，则将navbar-fixed-top类添加到导航栏，如下所示：

<div class="navbar navbar-inverse navbar-fixed-top">

Answer 2

签入萤火虫，您的任何一个容器 - navbar, navbar-inner, container可能有padding或margin。

Answer 3

关于最高保证金，请尝试body { padding-top: 0; }

Twitter bootstrap奇怪的顶部和左边距

3 个答案: