Twitter bootstrap 引导4行列不中断行

我试图创建一个引导网格，其中每一行都有列，引导有一个这样做的类，row cols-*，但是当我将示例放在引导网格中时，它不会像应该做的那样打断行。我做错了什么

HTML:

纵队
纵队
纵队
纵队

逻辑与在编辑器中设置时相同，如括号

试试这个：

<div class="container">
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

纵队
纵队
纵队
纵队

引导程序4.4新增了

.row cols-*

类。您的问题可能是由于您正在引用以前版本的引导。至少你的JSFIDLE是这么做的

请参考正确的引导4.4文件，以修复此问题：

演示：

---

问题不在于引导程序没有加载，其他引导程序类（如bg primary）也在工作。如果你真的帮了我的忙，你使用的是4.3.1

<div class="container">
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>