Bootstrap4

構文
<div class=”row”>
<div class=”col”>xxx</div>
</div> ...

Bootstrap4

使用例1
列の幅とさまざまなデバイスでの表示方法を制御します

<div class="row"> <div class="col-*-*"></div></div>< ...

Bootstrap4

説明
.progress, .progress-bar プログレスバーを表示
使用例

<head> <title>Bootstrapのサンプル</title> <meta ...

Bootstrap4

書式
.breadcrumb, .breadcrumb-item :パンくずリストを表示
.active:現在のページを表示
使用例

<head> <title>Bootstrap ...

Bootstrap4

説明
.btn-block:横幅いっぱいのブロックレベルボタンを表示
使用例

<head> <title>Bootstrapのサンプル</title> <meta cha ...

Bootstrap4

書式
.active アクティブ状態
disabled 無効化状態
使用例

<head> <title>Bootstrapのサンプル</title> <meta ...

Bootstrap4

書式
div class=”btn-group” role=”group” aria-label=”xxxx”
使用例

<head&g ...

Bootstrap4

説明
.btn-group-lg:大きなボタングループ
.btn-group-sm :小さなボタングループ
使用例

<div class="container"> <h2>ボタング ...