インラインボタン

デフォルトでは、コンテント内で作られたボタンはブロックレベル要素で、画面の横幅いっぱいになります。

Button

ボタンをもっとコンパクトにしたい場合 data-inline=“true” と指定することで、テキストとアイコンの幅だけのボタンを作成できます。

Button

複数のボタンを横に並べたい場合、各ボタンに data-inline=“true” を指定してやります。これにより、ボタンの幅はコンテンツにあわせたものになり、ボタンがfloat状態になって同じ行に並ぶようになります。

Cancel
Save

CancelSave

ボタンをテキストの大きさではなく、画面の横幅を埋めるように並べたい場合は レイアウトグリッド を使って2~3つのボタンを均等に並べることが出来ます。