html - bootstrap 3.0.0 关闭响应，同时能够使用网格系统

Question

这是一个棘手的问题。我已经使用 bootstrap 建立了一个网站，它非常棒。非常适合手机/平板电脑。当涉及到桌面时，这就是问题所在。

当浏览器大小为 eg. 1000px(正文宽度)然后网站看起来应该如何。当浏览器窗口调整大小并变小时，一旦它超过了平板电脑的尺寸 eg767px，那么布局就会发生变化，使所有内容都能响应。

有没有一种方法可以使网站的布局无论窗口大小如何都完全相同，同时能够使用 Bootstrap 网格系统？

Answer 1

您尝试过新的 grid options 吗？ ？特别是 .col-xs-* 应该对您有帮助。

这里有点example from the docs .

<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>
</div>