使用方式

可以通过在 HTML 元素中添加 class 属性来使用该类，例如：

<div class="col-lg-3 mb-4">
  <!-- 在这里放置内容 -->
</div>

网格布局

Bootstrap 的网格系统是由行和列组成的。行就像一个容器，用于在其中放置列。每一行被分为 12 个等宽的网格单元，每个列可以占据其中任意数量的单元。

在上面的例子中，只有一个列占据了 3 个单元，所以页面上会同时出现 4 个该元素。

更多关于 Bootstrap 网格系统的信息，请阅读官方文档：Bootstrap Grid System

样式设计

mb-4 类被用来在元素下方添加一个 4 个 rem 的下边距。这样做是为了在多个相邻元素之间添加间距，使布局看起来更加整洁。

在很多时候，我们需要进行一些样式设计，例如修改字体大小、颜色等等。可以在目标元素内部或者定义在样式表中修改。例如：

<style>
  .my-div {
    font-size: 1.5rem;
    color: #333;
  }
</style>

<div class="col-lg-3 mb-4 my-div">
  <!-- 在这里放置内容 -->
</div>

这个例子中，我们定义了一个样式类 my-div，将其应用在了目标元素上，从而改变了元素内部的字体和颜色。

总之，'