html5 – 全新英雄单位的Twitter Bootstrap

在 this example layout我想要的只有英雄单位是100％宽,并在默认网格内.例如,check this site.它只有英雄单位部分(展示区域)全宽,固定宽度(导航,底部内容,页脚).

我需要这样做,而不会失去响应设计功能.

解决方法

将您的.hero-unit div移动到您的.container div之外.

.container样式将您限制为一个设置的宽度.其中的任何内容都将具有父级的最大宽度.
代替：

<div class="container">
   <div class="hero-unit">
   </div>
</div>

使用：

<div class="hero-unit">
</div>
<div class="container">
</div>