Col - C# 之间的引导距离

什么是 Bootstrap 距离？

Bootstrap 是一组用于 UI 设计和交互开发的开源工具。它是由 Twitter 开发的，并且是由 Sass、CSS 和 JavaScript 组成的。Bootstrap 距离是指列之间的水平间距，通常用于创建网格系统。

如何使用 Bootstrap 距离？

Bootstrap 中有许多类可用于设置列之间的间距。以下是一些常用的类：

• m-：设置所有方向的边距。
• mx-：设置水平方向（左右）的边距。
• my-：设置垂直方向（上下）的边距。
• mt-：设置顶部边距。
• mb-：设置底部边距。
• ml-：设置左侧边距。
• mr-：设置右侧边距。

这些类可以与数字相组合，以设置距离的大小。例如，mt-3 将在顶部添加一个 3 个字母高度的边距。

以下是一个使用 Bootstrap 距离的示例：

<div class="container">
  <div class="row">
    <div class="col-md-4 my-2">
      <p>这是一列。</p>
    </div>
    <div class="col-md-4 my-2">
      <p>这是另一列。</p>
    </div>
    <div class="col-md-4 my-2">
      <p>这是第三列。</p>
    </div>
  </div>
</div>

在上面的示例中，my-2 将在每列的顶部和底部添加一个 2 个字母高度的边距。

总结

Bootstrap 距离是在进行网格系统布局时，用于为列之间添加水平间距的类。您可以在不同的方向上使用多个类来设置距离的大小，如上所示。