我正在尝试使用 twitter bootstrap 构建一个干净的流体布局，无论屏幕大小如何，它都会保留跨度的相对比率。
我不确定这是否可能以一种干净的方式(围绕它的黑客是创建 html 表)，但我对肮脏的黑客不感兴趣，重点是编写干净的代码。
所以想法是，在 Bootstrap 网站上，他们给人的印象是这是可能的:
http://twitter.github.com/bootstrap/scaffolding.html#layouts
(尝试使您的浏览器窗口变小，您会看到流畅的布局保持它的相对比例，即使减少到最大(他们在网站上使用了不同的代码，因为类名不同)
但是当您下载流体布局演示时，如果您将窗口大小调整为很小的东西，所有东西都会堆积起来，我还没有找到避免这种情况的方法:
http://twitter.github.com/bootstrap/examples/fluid.html
我认为这是不可能的，但想知道是否有人对此有所了解。
干杯
最佳答案
此行为是由于包含 bootstrap-responsive.css .在狭窄的窗口(< 767px)中，这个 stacks up columns .所以，如果你真的不想有这种行为，就不要包含bootstrap-responsive.css。 .
关于twitter-bootstrap - Bootstrap Fluid Layout 在小屏幕上的保留比例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13485043/