Как создать две строки с помощью булмы

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: столбец, а не flex-direction: row.Здесь-полный - это работа, как элемент блока, он будет принимать ширину: 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;
}