屏幕两侧的Bootstrap侧边栏没有折叠

Question

我一直试图让它工作一段时间，但我似乎只是继续打破我已经拥有的东西。

我试图设计一个具有中间内容区域的界面，然后在任一侧设置一个大按钮，可以先于或返回。

在bootstrap中，我尝试过使用col-md类，但是在重新调整浏览器大小时，这些部分会叠加在一起，而不是我想要发生的事情。

我也试过拥有主要内容区域，然后在任何一方都有pull-right和pull-left，但这似乎具有相同的重新调整大小的效果。

有没有这样做而没有将元素堆叠在一起？

Answer 1

您可能想要使用col-xs-??代替;）

<div class="container">
  <div class="col-xs-2"><a href="#">Back</a></div>
  <div class="col-xs-8">The Content</div>
  <div class="col-xs-2"><a href="#">Forth</a></div>
</div>