twitter-bootstrap - ブートストラップ、追加された矢印、そしてすべてが今間違って配置されています

Question

各画像の横に緑色の矢印ボタンを追加しましたが、すべてのサムネイルが1行（1行）に表示されるという問題が発生しました。この4枚の写真をイテレーターに入れて繰り返しますが、すべてが故障します。ある種のテーブルなどに緑色の矢印を含める必要があると思いますが、よくわかりません...このコードをクリアして改善し、緑色の矢印を追加する方法を誰かが知っています。問題を起こさずに画像。http://jsfiddle.net/8E9aB/

Answer 1

ドキュメントに記載されているように：

デフォルトの Bootstrap グリッド システムは 12 列を使用します

単純な 2 列のレイアウトの場合、.row を作成し、適切な数の .span* 列を追加します。これは 12 列のグリッドであるため、各 .span* はこれらの 12 列の数にまたがり、各行(または親の列数) に対して常に最大 12 を追加する必要があります。

参考：http ://twitter.github.com/bootstrap/scaffolding.html

1行で4 xを使用していますspan4-これにより、行が「オーバーフロー」し、最終的なコンテナーが新しい行に配置されます。span44 つのクラスを に調整することspan3で、すべての画像を 1 行に収めることができます。