Bootstrap流體佈局在小屏幕上保留比例

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。