5

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

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

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

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

(尝试让你的浏览器窗口变小,你会看到流畅的布局保持它的相对比例,即使减少到最大(他们在网站上使用了不同的代码,因为类名不同)

但是当您下载流体布局演示时,如果您将窗口大小调整为很小的东西,一切都会堆积起来,我还没有找到避免这种情况的方法:

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

我认为这是不可能的,但想知道是否有人对此有所了解。

干杯

4

1 回答 1

0

这种行为是由于包含bootstrap-responsive.css. 在狭窄的窗口 ( < 767px) 中,这会堆叠列。所以,如果你真的不想有这种行为,那就不要包括bootstrap-responsive.css.

于 2012-11-26T08:39:06.263 回答