0

也许我想太多了。我如何使用 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>

在此处输入图像描述

4

1 回答 1

1

您可以在此处自定义引导列(请参阅@gridColumns)。

于 2013-01-15T16:42:08.683 回答