Как понять определение из bootstrap 3.0 ?

Question

[grepfreecd grepfreecd]

Есть определение, которое , я что-то не могу понять.

"Столбцы создают желоба (промежутки между содержанием столбцов) с помощью padding. Тогда padding компенсируется в строках для первого и последнего столбца с помощью отрицательного margin на .row."

Answer 1

[Сергей Протько]

Между колонками сетки есть отступы (по дефолту 30 пикселей), которые задаются свойством padding. Так как у первой колонки будет лишний отступ, может возникнуть ситуация, при которой последняя колонка не будет влазить, или просто наши колонки будут сдвинуты на ширину отступа. Что бы это дело компенсировать, нужно для контейнера ввести отрицательный отступ (margin) на ширину отступа от колонки.

Просто посмотрите через инпектор пример сетки и отключите отрицательный margin.

Answer 2

[Юрий Лобанов]

Описание в данном случае читать надо так (хоть на русском, хоть на английском): «Так, а вот тут что-то говорится про колонки, паддинги и марджины» — и бегом смотреть код. html/css — язык интернациональный и однозначный, никаких недопониманий быть не может.

Comments

[grepfreecd grepfreecd]

Вы конечно же правы насчет того, что сразу нужно лезть в код, просто сначала хотелось понять, что имеется в виду.

Answer 3

[Виталий Киренков]

Читайте документацию на английском, проблем не будет с пониманием...

<div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.item { width: 140px; padding: 0 20px;}

Если на русский перевести, то что они имели ввиду...

Comments

[Виталий Киренков]

P. S. Посмотрите в коде официальной доки на блок .row и вложенные в него .col- поймёте где какие цифры используются