「Bootstrap4入門」等幅グリッドを使うサンプル
構文
<div class=”row”>
<div class=”col”>xxx</div>
</div> ...
「Bootstrap4入門」幅グリッドを設定するサンプル
使用例1
列の幅とさまざまなデバイスでの表示方法を制御します
「Bootstrap 4入門」 .progress-barでプログレスを設定するサンプル
説明
.progress, .progress-bar プログレスバーを表示
使用例
「Bootstrap 4入門」.breadcrumb, .breadcrumb-itemでパンくずリストを表示する方法
書式
.breadcrumb, .breadcrumb-item :パンくずリストを表示
.active:現在のページを表示
使用例
「Bootstrap4入門」ブロックレベルボタンを設定する方法
説明
.btn-block:横幅いっぱいのブロックレベルボタンを表示
使用例
「Bootstrap4入門」ボタンのアクティブ状態，無効状態のサンプル
書式
.active アクティブ状態
disabled 無効化状態
使用例
「Bootstrap4入門」.btn-groupでボタングループを表示するサンプル
書式
div class=”btn-group” role=”group” aria-label=”xxxx”
使用例
「Bootstrap4入門」ボタングループの大きさを設定する方法
説明
.btn-group-lg：大きなボタングループ
.btn-group-sm ：小さなボタングループ
使用例