bootstrap5 button
bootstrap5 buttons
関連タイピング
-
自分暗記用
プレイ回数731 長文333打 -
プレイ回数408 長文207打 -
bootstarp5によく出るクラス
プレイ回数231 長文英字726打 -
プレイ回数132 長文英字90秒 -
Vue.js 3 Transition 自分暗記用
プレイ回数230 英語長文364打 -
blend-modeの自分暗記用です
プレイ回数730 英字159打 -
bootstrap table
プレイ回数155 英語295打 -
html DOM要素
プレイ回数573 英語長文285打
問題文
ふりがな非表示
ふりがな表示
(btn btn-primary)
btn btn-primary
(btn btn-secondary btn-block)
btn btn-secondary btn-block
gray-600
(btn btn-success)
btn btn-success
green
(btn btn-danger)
btn btn-danger
red
(btn btn-warning)
btn btn-warning
yellow
(btn btn-info)
btn btn-info
cyan
(btn btn-light)
btn btn-light
(btn btn-dark text-nowrap)
btn btn-dark text-nowrap
(btn btn-outline-primary)
btn btn-outline-primary
ボタンの背景色を透過
(btn btn-secondary btn-lg)
btn btn-secondary btn-lg
lg size
(btn btn-success btn-sm)
btn btn-success btn-sm
sm size
(btn btn-danger disabled)
btn btn-danger disabled
pointer-events:none
(d-grid gap-2 d-md-block)
d-grid gap-2 d-md-block
block button
(data-bs-toggle="button" class="btn btn-primary active")
data-bs-toggle="button" class="btn btn-primary active"
(data-bs-toggle="button")
data-bs-toggle="button"
クリックするごとにアクティブ状態がトグルする
(btn-toolbar)
btn-toolbar
ボタングループから構成されるツールバー
(btn-group btn-group-lg)
btn-group btn-group-lg
(btn-group)
btn-group
(btn-group btn-group-sm)
btn-group btn-group-sm
(btn-group-vertical)
btn-group-vertical
ボタングループのボタンを縦方向に並べる