Начать столбцы в конце контейнера с Bulma.io - PullRequest
0 голосов
/ 05 октября 2018

Хотелось бы узнать, есть ли хороший способ начать столбцы Bulma.io в конце его контейнера.Обычная настройка:

<div class="container">
  <div class="columns">
    <div class="column">
      First
    </div>
    <div class="column">
      Second
    </div>
    <div class="column">
      Third
    </div>
  </div>
</div>

, которая равномерно распределяет столбцы по всему контейнеру.

-----------------------------------------------------
|               | |                | |              |
|               | |                | |              |
-----------------------------------------------------

Я знаю, что возможно сделать их короче и выровненными по левому краю с is-(size) классами,Я хотел бы сделать то же самое, но выровнять по правому краю, чтобы произошло следующее:

-----------------------------------------------------
|                      | |       | |       | |      |
|                      | |       | |       | |      |
-----------------------------------------------------

Я просмотрел документацию, но не смог найти ничего встроенного.

1 Ответ

0 голосов
/ 06 октября 2018

Боюсь, что нет встроенного пути для .columns.По какой-то причине класс .is-right доступен только для .tags, .buttons и некоторых других.Что вы можете сделать, это создать и использовать свой собственный класс утилит / помощников:

.columns.is-right {
  justify-content: flex-end;
}
...