Bootstrap设计:我应该连续添加超过12列吗?

时间:2015-10-27 19:23:48

标签: css twitter-bootstrap responsive-design grid

我一直在使用bootstrap,我开始认为对于一些事情,比如输入,我应该将它们全部放在一行中,只需要在不同大小的设计中将其设置为12。我以前设计的最大,每组12行。

使用这种新方法,我可以将行向上或向下拉到其他行所在的位置。也就是说,如果我有48个列,因为尺寸越来越小,我可能想要拉出一些曾经低于另一个列的列,与上面的列相符。如果我“正确”使用行,我不能这样做。是否有理由始终使用新行?或者设计应该是容器>行>我的所有专栏?

谢谢!

编辑:

例如:

旧方式

    <div class="container">
    <div class="row">
        <div class="col-md-6">
            Content
        </div>
        <div class="col-md-6">
            Content
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            Content
        </div>
        <div class="col-md-4">
            Content
        </div>
        <div class="col-md-4">
            Content
        </div>
    </div>
</div>

新方法

<div class="container">
    <div class="row">
        <div class="col-md-6">
            Content
        </div>
        <div class="col-md-6">
            Content
        </div>
        <div class="col-md-4">
            Content
        </div>
        <div class="col-md-4">
            Content
        </div>
        <div class="col-md-4">
            Content
        </div>
    </div>
</div>

我不明白的是,如果新的方式更可取,因为它更灵活,有什么意义呢?为什么不让容器与行扮演相同的角色并像这样做?

<div class="container">
    <div class="col-md-6">
        Content
    </div>
    <div class="col-md-6">
        Content
    </div>
    <div class="col-md-4">
        Content
    </div>
    <div class="col-md-4">
        Content
    </div>
    <div class="col-md-4">
        Content
    </div>
</div>

Edit2:这与建议的问题不同。我知道我可以每行超过12列。我在此之前读到了确切的帖子。我想知道我应该我正在寻找bootstrap设计,而不是bootstrap支持。我一直在寻找两种模型的缺点和优点,以及为什么你会以这种新方式做或不做的细节。

0 个答案:

没有答案