2012-11-21 15 views
5

私は、スクリーンサイズに関係なくスパンの相対的な比率を維持する、twitterブートストラップを使用してきれいな流体レイアウトを構築しようとしています。ブートストラップ流体のレイアウト小さな画面での保存率

私はこれがきれいな方法で可能であるかどうかはわかりませんが(hackテーブルはhtmlテーブルを作成することです)、汚れたハックに興味はありませんが、ポイントはクリーンなコードを書くことです。でも相対比を

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

(ブラウザウィンドウを小さくしてみてください、あなたは流体のレイアウトがそれを維持する表示されますです:

だからアイデアは、ブートストラップウェブサイト上で、彼らはこれが可能であるという印象を与えるということです

しかし、流体レイアウトのデモをダウンロードすると、ウィンドウのサイズを小さくしてすべてのものが積み重なり、私が見つけたものが見つからない場合は、最大にまで減らしています(ウェブサイトでは異なるコードを使用していました)それを回避する方法:

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

私はそれは不可能だと思っていますが、多分誰かがこれについて何かを知っていた場合は思っていました。

乾杯

答えて

0

この現象は、bootstrap-responsive.cssの包含に起因するものです。狭い窓(< 767px)では、これはstacks up columnsです。したがって、実際にその動作をしたくない場合は、bootstrap-responsive.cssを含めないでください。

+0

アイデアは私がそれを保存したかったということです。私は非常に小さなスペースを取ることができるアイコンで構築していた。これは今すぐブートストラップでは利用できないので、私はパッチを書くことに取り組んでいます – nichochar