使用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)类左对齐。我想保持一致，但要右对齐，这样会发生以下情况：

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

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

Answer 1

恐怕.columns没有内置的方式。由于某些原因，.is-right类仅适用于.tags，.buttons等。您可以做的就是创建和使用自己的实用程序/帮助程序类：

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