Html 无法水平安装两个Jumbotron（引导）

我对bootstrap还不熟悉，我很难让两个Jumbotron坐在一行上（中间没有空间）。无论我把它们各自的列做得多么小，它们都会保持在单独的行上

这是我的HTML：

<div class="col no-gutters">
    <div class="col-md-6">
        <div class="jumbotron jumbotron-fluid" style="background-color: #e3f2fd;">
            <div class="container">
            <h1 class="display-4">Title</h1>
            <p class="lead">Description. Lorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="jumbotron jumbotron-fluid" style="background-color: #e3f2fd;">
            <div class="container">
            <h1 class="display-4">Active</h1>
                <br>
            </div>
        </div>
    </div>
</div>

标题
说明。Lorem ipsum dolor sit amet

忙碌的

---

我没有弄乱默认的引导CSS。提前谢谢你

包含div的类应该是

行

，而不是

列

：

<div class="row no-gutters">

---

包含div的类应该是

行

，而不是

列

：

<div class="row no-gutters">

---

默认情况下，引导的网格系统具有列间距（填充）。有几种方法可以解决这个问题，以适应您的需求

一种方法是添加一个新的CSS选择器，然后相应地修改HTML

CSS:

HTML:

标题
说明。Lorem ipsum dolor sit amet

忙碌的

默认情况下，引导的网格系统具有列间距（填充）。有几种方法可以解决这个问题，以适应您的需求

一种方法是添加一个新的CSS选择器，然后相应地修改HTML

CSS:

HTML:

标题
说明。Lorem ipsum dolor sit amet

忙碌的

谢谢！按照下面的建议改为行而不是列是有效的（我首先尝试了，因为这是一个小项目，我没有css文件链接），但也感谢您的回答！看来两个人都能做到。谢谢！按照下面的建议改为行而不是列是有效的（我首先尝试了，因为这是一个小项目，我没有css文件链接），但也感谢您的回答！看起来两个人都可以做到。

<div class="col">
    <div class="col-md-6 no-padding"> <!-- add no-padding -->
        <div class="jumbotron jumbotron-fluid" style="background-color: #e3f2fd;">
            <div class="container">
            <h1 class="display-4">Title</h1>
            <p class="lead">Description. Lorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
    <div class="col-md-6 no-padding"> <!-- add no-padding -->
        <div class="jumbotron jumbotron-fluid" style="background-color: #e3f2fd;">
            <div class="container">
            <h1 class="display-4">Active</h1>
                <br>
            </div>
        </div>
    </div>
</div>