html - 奇数スパンのブートストラップ - 下部に 7 つのサムネイル イメージ

Question

たぶん私はこれを考えすぎています.. Bootstrap のグリッドを使用して奇数のサムネイルを作成するにはどうすればよいですか? 一番下に7枚のサムネイル画像があります。もちろん、グリッドを使用してそれらを離したいと思います。おそらくこれは不可能であり、通常の CSS を使用する必要がありますか?

これが私が試したことです：

               <div class="row-fluid">
                <div class="span12">
                 <ul class="thumbnails">
                    <li class="span1">
                        <div class="thumbnail">
                            <img src="img/diningroom/1.jpg" alt="">
                        </div>
                    </li>
                    <li class="span2">
                        <div class="thumbnail">
                            <img src="img/diningroom/2.jpg" alt="">
                        </div>
                    </li>
                    <li class="span2">
                        <div class="thumbnail">
                            <img src="img/diningroom/3.jpg" alt="">
                        </div>
                    </li>
                    <li class="span2">
                        <div class="thumbnail">
                            <img src="img/diningroom/4.jpg" alt="">
                        </div>
                    </li>
                    <li class="span2">
                        <div class="thumbnail">
                            <img src="img/diningroom/5.jpg" alt="">
                        </div>
                    </li>
                    <li class="span2">
                        <div class="thumbnail">
                            <img src="img/diningroom/6.jpg" alt="">
                        </div>
                    </li>
                     <li class="span1">
                        <div class="thumbnail">
                            <img src="img/diningroom/6.jpg" alt="">
                        </div>
                    </li>

                </ul>
              </div>
              </div>

Answer 1

ここでブートストラップ列をカスタマイズできます(@gridColumns を参照)。