css - 使用 Bulma.io 在容器末尾开始列

Question

我想知道是否有一种好方法可以在容器末尾启动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)类左对齐。我也想这样做，但要右对齐，所以会发生以下情况：

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

我查看了文档，但找不到任何内置方式。

标签： cssbulma

Answer 1

恐怕没有内置的方法.columns。出于某种原因，.is-right课程仅适用于.tags，.buttons还有更多。您可以做的是创建和使用您自己的实用程序/帮助程序类：

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