如何在Bootstrap中增加列之间的间距？

小编典典

html

我敢肯定有一个解决此问题的简单方法。基本上，如果我有两列，如何在它们之间添加一个空格？

例如，如果html是：

<div class="col-md-6"></div>
<div class="col-md-6"></div>

输出将是彼此相邻的两列，占据了页面的整个宽度。假设将宽度设置为，1000px则每个div都会很500px宽。

如果我想在100px两者之间留出空间，该如何实现？显然，通过引导程序自动使div大小成为450px补偿大小的每个大小

阅读 1649

2020-05-10

共1个答案

小编典典

您可以使用col-md-offset-*此处记录的类来实现列之间的间距。间距是一致的，因此所有列均正确排列。为了获得均匀的间距和列大小，我将执行以下操作：

<div class="row">
  <div class="col-md-5"></div>
  <div class="col-md-5 col-md-offset-2"></div>
</div>

2020-05-10