8列在Twitter Bootstrap [英] 8 Columns in Twitter Bootstrap

问题描述

如何在最新版本的Twitter引导中设置8个相等的列。

How can I set up 8 equal columns in the latest version of Twitter bootstrap.

我可以通过执行以下操作创建4个相等的列，我可以得到8：

I can create 4 equal columns by doing the following but don't get how I can get 8:

    <div class="col-sm-12">
        <div class="row">
            <div class="col-sm-3">
                <div class="col-sm-12 col-xs-6">
                    <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="col-sm-12 col-xs-6">
                    <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="col-sm-12 col-xs-6">
                    <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="col-sm-12 col-xs-6">
                    <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a>
                </div>
            </div>
        </div>
    </div>

推荐答案

不能使用本机Bootstrap。 12不除以8，并且由于Bootstrap使用12网格系统，您将以半角跨度（每个将需要为1.5）结束。您将需要修改网格系统以每行使用16个网格。

You can't using native Bootstrap. 12 does not divide by 8, and since Bootstrap uses a 12-grid system, you will end with half-width spans (each one would need to be 1.5). You will need to modify the grid system to use a 16 grids per row.

这篇关于8列在Twitter Bootstrap的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！