Возможности 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>
Комментарии