Сетка Фундамент - горизонтально уложены
Следующий пример создает базовую систему сетки на ПК и планшетных устройств, которые облицованы по горизонтали, на мобильных телефонах и других небольших устройств, которые укладываются горизонтально.
примеров
<Div класс = "строка">
<Класс = Див "среднего 6 столбцов" стиль = "цвет фона: желтый;">
<P> В этом учебнике </ p>
</ Div>
<Класс = Див "среднего 6 столбцов" стиль = "цвет фона: розовый;">
<P> В этом учебнике </ p>
</ Div>
</ Div>
<Класс = Див "среднего 6 столбцов" стиль = "цвет фона: желтый;">
<P> В этом учебнике </ p>
</ Div>
<Класс = Див "среднего 6 столбцов" стиль = "цвет фона: розовый;">
<P> В этом учебнике </ p>
</ Div>
</ Div>
Попробуйте »
Совет: .small|medium|large-* номер класса задает число столбцов , натянутое. Таким образом, .small-1 через один, .small-4 в течение 4, .small-6 охватывающий шесть (50% ширины) и тому подобное. Примечание: Для того, чтобы убедиться , что число столбцов добавить до 12! |