Как сделать сетку в bulma?

Question

[Александр Шаповал]

Как в фреймоврке bulma.io сделать вывод сеткой?
При использовании colums или tile при достижении максимального (12 колонок) они идут дальше и не переносятся на новую строку.

<div class="columns">
    <div class="column">Один</div>
    <div class="column">Два</div>
    <div class="column">Три</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">...</div>
    <div class="column">Двенадцать</div>
    <div class="column">Тринадцать</div>
</div>

Как отобразить "Тринадцать" с новой строки?

Answer 1

[Negwereth]

Чукча не читатель?
bulma.io/documentation/grid/columns
Раздел Multiline

Comments

[Александр Шаповал]

Недоглядел, спасибо)

[Negwereth]

Александр Шаповал: у них вообще самая продуманная документация и Фреймворк вообще, легче штуки не видел ещё

[Александр Шаповал]

Negwereth: я его пару дней назад увидел и решил опробовать, очень хорош, когда узнал о Multiline еще больше его полюбил)
До этого юзал bootstrap, мне еще подсказать бы как например на планшетах использовать столько то колонок и на десктопе столько то.
В аналогии с bootstrap это выглядит как то так col-md-4 col-ms-6, подобное в bulma можно заюзать?

[Negwereth]

Александр Шаповал: если ту же страницу просмотреть ещё внимательнее, то можно найти раздел Responsiveness

Answer 2

[Павел]

.column:nth-child(12):before, .column:nth-child(12):after { content: "";  display: table;} .column:nth-child(13):after {  clear: both;}

Что то вроде того