web-dev-qa-db-ja.com

ブルマを使って2行を作成する方法

私はブルマを使っています、私はブルマに新しいです。

私は2行を作成しようとしますが、内容は横に並んでいて、予想されるようにもう一方の上のものではありませんでした。

ブルマを使って2行を作成するにはどうすればよいですか。

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">

cssbulma
7
Ângelo Rigo

これを試してみると、問題を解決できる可能性があります。ここでは、フレックス方向：列の屈曲方向：行。ここに含まれていませんが、ブロック要素のように機能します。幅は常に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;
}
 _
3
internthings