我正在努力让自己对 Twitter BS 感到满意。
有没有办法让浏览器的英雄单元宽度为 100%,同时包含固定宽度的列?
包裹.hero-unit
和(或什.container-fluid
至.row-fluid
不包裹任何东西)。Bootstrap 术语中的“流动”意味着将占据浏览器窗口的 100% 宽度。将您的其他内容包装在“固定”.container
和.row
.
看看我是如何在我的小提琴中做到这一点的。
请注意,从 Bootstrap 3 开始,英雄单位被重命名为jumbotron
http://getbootstrap.com/components/#jumbotron
要使 jumbotron 全宽且没有圆角,请将其放在所有 .containers 之外,然后在其中添加一个 .container。
<div class="jumbotron">
<div class="container">
...
</div>
</div>