如何使用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;
}