Возможности framework7 по разметке контента

Колонки должны находиться в контейнере с классом row. Ширину колонок задают используя класс col-xxx, где xxx это величина в процентах. Допустимые значения: 5, 10, 15, 20, 25, 33, 40, 50, 60, 66, 75, 80, 85, 90, 95, 100 и auto.

<div class="row">
  <div class="col-50">50%</div>
  <div class="col-25">25%</div>
  <div class="col-25">25%</div>
</div>

При этом между ячейками добавляются отступы. Чтоб их убрать, нужно контейнеру с классом row добавить класс no-gutter

В framework7 реализована возможность задавать сетку для планшетов. Сетка задается классом table-xxx.

<div class="row">
  <div class="col-100 table-33">текст</div>
  <div class="col-100 table-33">текст</div>
  <div class="col-100 table-33">текст</div>
</div>

Комментарии  

0 #1 profile 01.11.2018 18:47
Need cheap hosting? Try webhosting1st, just $10 for an year.

Цитировать

Добавить комментарий


Защитный код
Обновить