css - 屏幕两侧的 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>