没有尺寸或重量的Bootstrap col

Question

所以我试图让bootstrap网格工作。 从bootstrap网站： bootstrap documentation  它让你看起来好像你可以放col并且它将具有所有尺寸的默认值并将12的权重除以行中的cols数

他们在网站上有一个例子

<div class="container">


<div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      1 of 2
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col">
      1 of 3
    </div>
    <div class="col">
      1 of 3
    </div>
  </div>
</div>

然而，当我把它放在我的页面或其他自助测试网站上时，该代码会使3个cols堆叠在彼此之上，如

1 of 3
1 of 3
1 of 3

我如何实现像bootstrap网站一样的东西？