0

我正在使用最新的引导程序,我没有运气在响应网格中的项目之间添加简单的边距。我有一个简单的网格,它根据 col 设置(col-lg / col-md / col-sm / col-xs)从 4 / 3 / 2 / 1 列缩放

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
        <!-- put stuff in here -->
    </div>
  </div>
</div>

我想要一种简单的方法来覆盖默认样式(或直接使用 less 属性)以获得带有上述布局的项目之间的简单边距。

默认情况下,这可以正确堆叠,但每个项目都直接相邻。如何以最少的黑客攻击达到所需的排水沟宽度?

4

1 回答 1

2

在 BS3 中,“排水沟”是使用填充而不是边距创建的,因此创建排水沟外观的最简单方法是在col-*..

http://bootply.com/113815

请参阅这篇文章以了解 Bootstrap 3 装订线:

http://blog.codeply.com/2016/04/06/how-the-bootstrap-grid-really-works/

于 2014-02-14T18:37:26.717 回答