Bootstrap 4 引导4-嵌套列-在col-11中安装4列

我试图在col-11中容纳4列，但这些列是垂直堆叠的。有人能帮我纠正/解释这种行为吗？下面是相同的代码和代码笔示例：

阶段
发现
设计
传送
部署

我很确定您只需要在

col-11

中插入一行

：

<div class="col-11 no-gutters">
  <div class="row">
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DISCOVER</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DESIGN</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DELIVER</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DEPLOY</div>
  </div>
</div>


发现
设计
传送
部署

谢谢你，蒂姆。这对我很管用，没问题。检查标记为重复的问题，解释发生了什么。我不知道Bootstrap4是怎么回事，但很明显，“在Bootstrap4中，
.col-
没有放在
.row
中，它们将垂直堆叠。”
<div class="col-11 no-gutters">
  <div class="row">
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DISCOVER</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DESIGN</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DELIVER</div>
    <div class="col-3 col-md-3 col-sm-3 col-lg-3">DEPLOY</div>
  </div>
</div>