Html 引导4未正确对中

我真的不确定如何将

h2

居中，这是我在使用bootstrap3之后第一次使用bootsrap4，所以可能有什么不同？我不确定，但任何帮助都是。。。有帮助。谢谢

<nav class="container navbar navbar-expand-md justify-content-end">
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link active" href="#">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Gallery</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Contact Us</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">About</a>
        </li>
    </ul>
</nav>
<br>

<div class="container row introduction justify-content-center">
    <div class="col-md-6">
        <h2>Made to order DIY projects<br>for all your home decor<br>needs!</h2>
    </div>

</div>

定制DIY项目，满足您所有的家居装饰需求！

---

如你所见，文本根本没有居中，我不知道如何修复它。。。也许我用错引导了？我不确定

使用div作为行是否非常有效

定制DIY项目，满足您所有的家居装饰需求！

---

最好的

您使用的是

网格系统

col-md-6是一行的一半，因此文本居中于左列

如果要将行中的文本居中，请删除

col-md-6

，并将文本添加到容器中，如下所示

<div class="container row introduction">
    <h2 class="text-center">Made to order DIY projects<br>for all your home decor<br>needs!</h2>
</div>

定制DIY项目，满足您所有的家居装饰需求！

这在我的Bootstrap 4.3.1中起了作用

<div class="container h-100">
      <div class="row h-100 justify-content-center align-items-center">
        <form class="col-12">
          <div class="form-group">
            <label for="formGroupExampleInput">Example label</label>
            <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
          </div>
          <div class="form-group">
            <label for="formGroupExampleInput2">Another label</label>
            <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
          </div>
        </form>   
      </div>
    </div>

示例标签
另一个标签

前面的一些答案确实有效，这让我觉得您使用的是bootstrap 5。无论如何，这应该适用于4和5

<div class="container">
    <div class="row row-cols-1 justify-content-center">
      <div class="col text-center w-auto">
        <h2>Made to order DIY projects<br>for all your home decor<br>needs!</h2>
      </div>
    </div>
</div>

定制DIY项目，满足您所有的家居装饰需求！

您的介绍容器没有占据整个视口的宽度。请尝试此-

定制DIY项目
以满足您所有的家居装饰
需求这是什么意思？我该如何解决这个问题？我尝试了“文本中心”，但仍然不起作用。这段代码使一个单词位于不同的行上，就像它位于一个单独的行中一样column@ssethzz好了，现在好多了，再见；）显然，它也可以在同一级别使用容器和行，混合类，但是bootstap布局设计为使用容器、行和列，regardsIt继续做同样的事情；'（此代码使它仍然向左移动
<div class="container">
    <div class="row row-cols-1 justify-content-center">
      <div class="col text-center w-auto">
        <h2>Made to order DIY projects<br>for all your home decor<br>needs!</h2>
      </div>
    </div>
</div>