jquery - Twitterブートストラップを使用したレスポンシブレイアウト

Question

ブートストラップを使用してレスポンシブレイアウトを構築しようとしています。ブートストラップで自然に機能することを確認するために、以下の領域をコーディングする方法がわかりません。

Twitterコンベンションによると、私はすでにdiv.rowとdiv.span12を使用しています。このエリアの中には、下に示すように境界線のあるボックスがあります。

境界線のあるボックスがあり、ボックスの内側には同じ幅の3つのスパンが必要です。ブートストラップを使用してこれを実現するにはどうすればよいですか。

http://play.mink7.com/h/minkstock/

Answer 1

等しい幅のdivは、次のコマンドで取得できますdisplay: table。CSSを並べてdivの自動等しい幅 すると、何があっても同じ幅の3つのdivが得られます。

ウィンドウ幅を小さくすると、ブートストラップのスパンが上下になりますが、スマートフォンで同じ幅の3つの小さなdivよりも優れている場合があります。

また、ブートストラップのレスポンシブユーティリティクラスを利用して、必要に応じてさまざまなチャートヘッダーを設計することもできます。