Bootstrap Fluid Layout在小屏幕上保留比例

Question

我正在尝试使用twitter bootstrap构建一个干净的流体布局，无论屏幕大小如何，都会保留跨度的相对比率。

我不确定这是否有可能以一种干净的方式（围绕它来创建html表），但我对脏黑客不感兴趣，重点是编写干净的代码。

所以我们的想法是，在自助网站上，他们给人的印象是这是可能的：

http://twitter.github.com/bootstrap/scaffolding.html#layouts

（尝试使浏览器窗口变小，即使减少到最大值，您也会看到流畅的布局保持其相对比率（因为类名不同，他们在网站上使用了不同的代码）

但是当你下载流体布局演示时，如果你把窗口大小调整到一些小的东西堆叠起来，我还没有办法避免这种情况：

http://twitter.github.com/bootstrap/examples/fluid.html

我认为这是不可能的，但是想知道是否有人知道这件事。

干杯

Answer 1

此行为是由于包含bootstrap-responsive.css。在狭窄的窗口（< 767px）中，这是stacks up columns。所以，如果你真的想要没有这种行为，就不要包含bootstrap-responsive.css。