使用Twitter Bootstrap使英雄单位100％宽度

Question

我正在努力让自己熟悉Twitter BS。

是否可以使英雄单位100％宽度的浏览器，同时包含固定宽度的列？

Answer 1

在.hero-unit和.container-fluid中包裹.row-fluid（或者甚至不包装任何内容）。 Bootstrap术语中的“Fluid”意味着in将占用浏览器窗口的100％宽度。将您的其他内容换成“已修复”.container和.row。

了解我是如何在my fiddle中完成的。

Answer 2

请注意，从Bootstrap 3开始，英雄单位重命名为jumbotron http://getbootstrap.com/components/#jumbotron

  

要使jumbotron全宽，没有圆角，请放置   它在所有.containers之外，而是在其中添加.container。

<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>