Twitter bootstrap 为什么要使用Bootstrap'；s.w-100类拆分一行'；将列分成两行，什么时候可以只做两行？

在启动文档的这一页上，他们给出了以下示例：

<div class="row">
  <div class="col">col</div>
  <div class="col">col</div>
  <div class="w-100"></div>
  <div class="col">col</div>
  <div class="col">col</div>
</div>

上校
上校
上校
上校

这将创建两行，每行中有两个大小相等的列。但是，只需创建两行即可实现这一点：

<div class="row">
  <div class="col">col</div>
  <div class="col">col</div>
</div>
<div class="row">
  <div class="col">col</div>
  <div class="col">col</div>
</div>

上校
上校
上校
上校

---

使用

.w-100

CSS类与只创建两行之间有什么区别吗？

在这种特定情况下，没有区别

但是，由于这些原因，将COL保存在单个

行中通常更好

列排序

假设您想切换
md
上第一列和最后一列的顺序，然后再向上切换。这在单独的
.row
容器中是不可能的。将所有的
列
保存在一个
行
中，这样做是可能的

<div class="row">
    <div class="col flex-md-last">col 1</div>
    <div class="col">col 2</div>
    <div class="w-100"></div>
    <div class="col">col 3</div>
    <div class="col flex-md-first">col 4</div>
</div>

隐藏的md up
已从最新版本的引导中删除。您需要在更高版本上安装
d-md-none
<div class="row">
    <div class="col col-md-3">col 1</div>
    <div class="col col-md-3">col 2</div>
    <div class="w-100 hidden-md-up"></div>
    <div class="col col-md-3">col 3</div>
    <div class="col col-md-3">col 4</div>
</div>