Question

是否可以使用bootstrap 3进行这样的布局？

http://i.imgur.com/mkUKDMX.jpg

基本上是三列，中间有一个类容器（第二列）。第1列和第3列应占用容器和浏览器屏幕之间的剩余空间。

<div> //should be 100% width
    <div id="column1"></div>
    <div id="column2" class="container"></div> //maxed out at 1170px width
    <div id="column3"></div>
</div>

我需要第1列和第3列作为设计元素（某种阴影叠加），我不能在不影响中间容器和整体响应的情况下添加。

我的想法是使用javascript方法，但使用bootstrap（3）或css有什么更简单和干净的方法吗？

Answer 1

<body>
    <div class='col-lg-3'>3</div>
    <div class='col-lg-6'>6</div>
    <div class='col-lg-3'>3</div>
</body>

不要将它们包装在容器中，只需在body标签中，它应该占据页面的整个宽度。

bootstrap 3-column，容器位于中心

1 个答案: