Bootstrap4

書式
class=”page-item disabled”
使用例

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

Bootstrap4

書式
.collapse 隠す
data-toggle=”collapse”
使用例

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

Bootstrap4

書式
.accordionでアコーディオン式のカードを表示
使用例

<div class="container"> <h2>アコーディオンのサンプル</h2> <p> ...

Bootstrap4

書式
.modal-sm モーダルダイアログ(小)
.modal-lg モーダルダイアログ(大)
使用例

<div class="modal-dialog modal-sm" role="docum ...

Bootstrap4

書式
.modal-dialog-centered
ダイアログを画面の上下方向の中央に表示します。
使用例

<!-- Button trigger modal --><button ty ...

Bootstrap4

説明
data-toggle=”tooltip”  ツールチップを表示
使用例

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

Bootstrap4

書式
ツールチップを表示する方向 data-placement=”xxx”
使用例

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

Bootstrap4

書式
show:表示
hide:非表示
使用例

<button onclick="$('#cft').collapse('show')">表示</button><button ...

Bootstrap4

説明
.carousel-control-{prev|next}, .carousel-control-{prev|next}-icon は、左右の矢印アイコンを押すことでスライドする
使用例

<div i ...