Как добавить согласованную ширину сетки-желоба через несколько точек останова в начальной загрузке 3.1.1

Question

Я использую последний загрузчик, и мне не повезло, добавив простое поле между элементами в адаптивной сетке. У меня есть простая сетка, которая масштабируется от 4 / 3 / 2 / 1 столбцов в зависимости от настройки col (col-lg / col-md / col-sm / col-xs)

<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), чтобы получить простой запас между элементами с макетом выше.

По умолчанию это правильно складывается, но каждый элемент находится рядом друг с другом. Как достичь желаемой ширины желоба при наименьшем количестве взлома?

Answer 1

В BS3 "желоб" создается с использованием отступов, а не полей, поэтому самый простой способ создать вид желоба - использовать контейнер внутри col-*..

http://bootply.com/113815

См. Эту статью, чтобы понять сточную канаву Bootstrap 3:

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