bootstrap header 容器之前

Question

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

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

我想要一个从屏幕的一端到另一端的 header 包装，然后是一个内部 header div，它的行为类似于 .container，我使用了.col，因为我读到你不能嵌套容器，所以它确实按照我想要的方式运行，但我想知道它是否是 correct/viable 的方式。

提前致谢

Answer 1

在您的示例中，您应该从 header.

中删除 .col-md-12 class

并确保 .header-inner 没有覆盖默认的 .container 样式属性，否则您需要将其放在 .header-inner 中或将 .header-inner class里面的.container，看你的需要：

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

我相信，这就是您要找的。

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

bootstrap header 容器之前

bootstrap header before container

html

css

structure

twitter-bootstrap