Row不会移动到下一行

Question

我正在我的个人网站上工作，我试图用Bootstrap 4创建一个新行。该行上面有一个H1。无论我尝试什么，这一行都不会移动到下一行。我尝试了不同的解决方案，内联，br，不同的行，没有任何作用。有人可以帮帮我吗？ 这是我目前的HTML代码：     <h1>Projecten</h1><br> <div class="row"> <div class="col-sm">col</div> <div class="col-sm">col</div> <div class="col-sm">col</div> </div>

我没有改变CSS代码的任何内容，只是默认的引导程序代码。

Click here for a screenshot

Answer 1

使用bootstrap

  <div class="row">
    <div class="col">
      <h1>Text</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-md-4">
      <p>col</p>
    </div>
    <div class="col-md-4">
      <p>col</p>
    </div>
    <div class="col-md-4">
      <p>col</p>
    </div>
  </div>