我一直在使用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支持。我一直在寻找两种模型的缺点和优点,以及为什么你会以这种新方式做或不做的细节。