Я использую этот код-фрагмент:Фонд для сайтов: Какова цель добавления столбцов класса?
class="large-6 small-12 columns ..."
Когда я удалить "столбцы" -класс, так что
class="large-6 small-12"
... Я не вижу никакой разницы.
Вот и мне интересно:
Что такое «столбцы» -класса для?
Может ли кто-нибудь объяснить это мне?
columns или column имеют к ним базовый CSS;
.column, .columns {
width: 100%;
float: left;
padding-left: .625rem; /* you can set this in the CSS generator or SASS */
padding-right: .625rem; /* you can set this in the CSS generator or SASS */
}
Без .column класса колонны не выстраиваются в очередь в своих рядах.
Думаю, теперь я понимаю. Это для того, чтобы не допустить, чтобы div-элементы вошли в новую строку? Вместо этого он должен заказывать один за другим в одной строке ... – mewi
Да, в значительной степени. «Float: left;» делает его строкой, заполнение - «сточной канавкой», а «width: 100%» - для (я думаю), когда строка и столбец объединены. Ширина заменяется на «medium-6» или что-то еще, если вы ее используете. – tymothytym
Awesome. :) Большое спасибо. – mewi
В случае, если вы хотите добавить общий стиль для всех столбцов, как же пропиткой или фоновый цвет или любой другой. –