ons-row

グリッドシステムにて行を定義します。ons-colとともに使用し、コンポーネントの配置に使用します。

使い方 #

<ons-row>
  <ons-col width="50px"><ons-icon icon="fa-twitter"></ons-icon></ons-col>
  <ons-col>Text</ons-col>
</ons-row>

注意: Android 4.3以前、もしくはiOS 6以前のOSの場合、ons-rowとons-columnを組み合わせた場合に描画が崩れる場合があります。

実例 #

See the Pen Alert, confirm and prompt dialogs by Onsen & Monaca (@onsen) on CodePen.

関連情報 #

属性 #

名前 型 / デフォルト値 概要
align String 縦に整列するために指定します。top、bottom、centerのいずれかを指定できます。 Optional

議論 #