Bootstrap4

使用例

<div class="container"> <h2>折りたたみのサンプル</h2> <p>2hhhhh</p> <button type="butto ...

Bootstrap4

書式
.input-group-text 前方・後方部品にテキストを用いる
使用例

<head> <meta charset="utf-8"> <meta name="viewpor ...

Bootstrap4

書式
.input-group-sm  小さいインプットグループ
.input-group-lg  大きなインプットグループ
使用例

<head> <title>Bootstrap ...

Bootstrap4

書式
.input-group  インプットグループを構成
.input-group-prepend 前方部品
.input-group-append 後方部品
使用例

<head> ...

Bootstrap4

書式
.modal, .modal-dialog:モーダルダイアログ構成
.modal-content コンテンツ
.modal-header ヘッダ
.modal-body  ボディ
.mod ...

Bootstrap4

構文
<div class=”row”>
<div class=”col-sm-3″ >xxx</div>
</div& ...

Bootstrap4

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

Bootstrap4

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

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