Cеточная система Float Grid Foundation


Создавайте мощные макеты для разных устройств быстро и легко с помощью стандартной 12-столбцовой вложенной сетки Float Grid Foundation. Если вы знакомы с сеточными макетами, то будете чувствовать себя как дома. Если нет, то вы быстро научитесь.

Станьте мастером фундаментных сеток, чтобы создавать сложные макеты быстрее и с меньшим количеством кода. Новая Float Grid-это самая новая и мощная версия.

Начиная с Foundation v6. 4, плавающая сетка по умолчанию отключена и заменена новой сеткой XY. Если вам не нужно поддерживать IE 10, рекомендуется использовать сетку XY.


Small Grid

<div class="row">
  <div class="columns small-2">2</div>
  <div class="columns small-10">10</div>
</div>
<div class="row">
  <div class="columns small-3">3</div>
  <div class="columns small-9">9</div>
</div>

2
10
3
9

Medium Grid

Экраны среднего размера наследуют стили от небольших, если только вы не зададите другой макет, используя классы средней сетки.

<div class="row">
  <div class="columns medium-2">2</div>
  <div class="columns medium-10">10</div>
</div>
<div class="row">
  <div class="columns medium-3">3</div>
  <div class="columns medium-9">9</div>
</div>

 

2
10
3
9