Twitter bootstrap Twitter引导-包装网格列问题

我在使用最新的Twitter引导程序4.5时遇到问题。我正在从TB的早期版本迁移，在该版本中可以执行以下操作：

<div class="row">
<div id="wrapper_1">
<div class="col-sm-6">Column A</div>
<div class="col-sm-6">Column B</div>
</div>
<div id="wrapper_2">
<div class="col-sm-4">Column A</div>
<div class="col-sm-4">Column B</div>
<div class="col-sm-4">Column C</div>
</div>
</div>

A列
B栏
A列
B栏
C列

上面明显的场景是客户端隐藏/显示包装器1和包装器2。但是，TB现在希望div column元素是行的直接子元素，因此列布局丢失。有解决办法吗

---

卡尔..

完全支持嵌套。您必须确保在嵌套时维护.row.col排列，以便将原始代码示例更改为：

<div class="row">
  <div class="col-12">
    <div id="wrapper_1" class="row">
      <div class="col-sm-6">Column A</div>
      <div class="col-sm-6">Column B</div>
    </div>
  </div>
  <div id="wrapper_2" class="row">
    <div class="col-sm-4">Column A</div>
    <div class="col-sm-4">Column B</div>
    <div class="col-sm-4">Column C</div>
  </div>
</div>

A列
B栏
A列
B栏
C列

---

完全支持嵌套。您必须确保在嵌套时维护.row.col排列，以便将原始代码示例更改为：

<div class="row">
  <div class="col-12">
    <div id="wrapper_1" class="row">
      <div class="col-sm-6">Column A</div>
      <div class="col-sm-6">Column B</div>
    </div>
  </div>
  <div id="wrapper_2" class="row">
    <div class="col-sm-4">Column A</div>
    <div class="col-sm-4">Column B</div>
    <div class="col-sm-4">Column C</div>
  </div>
</div>

A列
B栏
A列
B栏
C列