Bootstrap 流体布局在小屏幕上的保留比例

Question

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

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

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

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。