如何使用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相反。这里充满了工作，就像块元素一样，将始终采用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;
}