如何使用 bulma 創建兩行

Question

我正在使用 bulma，我是 bulma 的新手。

我嘗試創建兩行，但內容並排放置，並沒有像預期的那樣在另一行之上。

如何使用 bulma 創建兩行？

我嘗試使用class="row"

這是我的代碼如下：

  <div class="row">
    <h1 class="title is-size-1">
        About
    </h1>
  </div>

  <div class="row">
    <span class="subtitle is-size-4">
      long text.
    </span>
  </div>


</div>

回答自己：我確實使用： <article class="tile is-child notification is-white">

Answer 1

試試這個可能可以解決您的問題。 這里的 flex-direction: column 與 flex-direction: row 相對。 這里的 is-full 就像塊元素一樣工作，它總是采用 width:100%。

   <div class='rows'>
      <div class='row is-full'> Rows </div>
      <div class='row is-full'> Row one </div>
    </div>

您可以通過這種方式修復，但我不確定這是您要找的。

.rows{
    display: flex;
    flex-direction: column;
}