css - 我可以使用一个行标签来形成多行吗?

标签 css twitter-bootstrap

这是一件有效的事情吗?我以前做过,并给出了预期的结果,但我不知道它是否有效,或者这样做是否有负面影响。

<div class="row">
   <div class="col-md-6">.col-md-6</div>
   <div class="col-md-6">.col-md-6</div>
   <div class="col-md-12">.col-md-12</div>
</div>

最佳答案

Bootstrap 处理带有边距的列间距,然后处理 .row 上的负边距。通常,您可以根据需要在一行中放置任意多的列,但最好遵循每行 12 列的规则。

从技术上讲,您的操作方式没有任何“无效”的地方,但是将它们分成几行更简洁(恕我直言):

<div class="row">
   <div class="col-md-6">.col-md-6</div>
   <div class="col-md-6">.col-md-6</div>
</div>
<div class="row">
   <div class="col-md-12">.col-md-12</div>
</div>

关于css - 我可以使用一个行标签来形成多行吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29101681/

相关文章:

html - 在 twitter bootstrap 导航列表中对齐文本

javascript - 让 Bootstrap-Slider 在 Popover 中工作

html - 全视口(viewport)宽度

css - 输入范围 - 高度 0 仅适用于 firefox

javascript - 修复响应式导航栏(非 Bootstrap )

css - AngularStrap 与 bootstrap-sass-official

javascript - jQuery - 选择单选按钮并填充文本字段时显示 div

html - 统一对齐容器 - html/css

twitter-bootstrap - Bootstrap 3.0 从左滑动菜单

jquery - Bootstrap 图片库,作者:blueimp : How to disable the wheel handler and keyboard handler