html - 容器之前的 Bootstrap header

Question

我很抱歉这个问题看起来很愚蠢，但我想知道我是否可以像这样构建我的代码？

<header class="header col-md-12" >
 <div class="header-inner container">
  <!-- contents -->
 </div>
</header>
<div class="container">
 <!-- contents -->
</div>

我想要一个从屏幕一端到另一端的 header 换行，然后是一个充当 .container 的内部 header div，我使用了 .col，因为我读到你不能嵌套容器，所以它确实按照我想要的方式运行，但我想知道这是否是正确/可行的方法。

提前谢谢

Answer 1

在您的示例中，您应该删除 .col-md-12来自 header 的类(class).

并确保 .header-inner不会覆盖默认值 .container style 属性，否则需要将其放在 .header-inner 里面或放置 .header-inner .container 内的类，根据您的需要:

看看这个示例页面:http://getbootstrap.com/examples/theme/

我相信，这就是您正在寻找的。

在此处查找更多示例:http://getbootstrap.com/getting-started/#examples