索引
トップ
Bootstrap 5
索引
A
.accordion
(accordion)
.accordion-body
(accordion)
.accordion-button
(accordion)
.accordion-collapse
(accordion)
.accordion-header
(accordion)
.accordion-item
(accordion)
.active
(breadcrumb)
.active
(dropdown)
.active
(list group)
.active
(nav-tab)
.active
(pagination)
.alert
(alert)
.alert-dismissible
(alert)
.alert-heading
(alert)
.alert-link
(alert)
.alert-{context}
(alert)
.align-{top|middle|bottom|baseline|text-top|text-bottom)
(align)
.align-content-{start|center|end|baseline|stretch}
(flex)
.align-content-{breakpoint}-{start|center|end|baseline|stretch}
(flex)
.align-items-{start|center|end}
(column)
.align-items-{start|center|end|baseline|stretch}
(flex)
.align-items-{breakpoint}-{start|center|end|baseline|stretch}
(flex)
.align-self-{start|center|end}
(column)
.align-self-{start|center|end|baseline|stretch}
(flex)
.align-self-{breakpoint}-{start|center|end|baseline|stretch}
(flex)
B
.badge
(badge)
.bg-{context}
(background)
.bg-gradient
(background)
.bg-opacity-{75|50|25|10}
(background)
*-{breakpoint}-*
(breakpoint)
.blockquote
(blockquote)
.blockquote-footer
(blockquote)
.border
(border)
.border-{top|bottom|start|end}
(border)
.border-0
(border)
.border-{1|2|3|4|5}
(border)
.border-{context}
(border)
.border-{top|bottom|start|end}0
(border)
.breadcrumb
(breadcrumb)
.breadcrumb-item
(breadcrumb)
--bs-aspect-ratio
(ratio)
--bs-bg-opacity
(background)
--bs-breadcrumb-divider
(breadcrumb)
--bs-scroll-height
(navbar)
--bs-text-opacity
(color)
.btn
(button)
.btn-{context}
(button)
.btn-check
(form)
.btn-close
(close button)
.btn-close-white
(close button)
.btn-{lg|sm}
(button)
.btn-group
(button group)
.btn-group-{lg|sm}
(button group)
.btn-group-vertical
(button group)
.btn-outline-{context}
(button)
.btn-toolbar
(button group)
C
.caption-top
(table)
.card
(card)
.card-body
(card)
.card-footer
(card)
.card-group
(card group)
.card-header
(card)
.card-header-tabs
(card)
.card-footer
(card)
.card-img
(card)
.card-img-{top|bottom}
(card)
.card-img-overlay
(card)
.card-link
(card)
.card-subtitle
(card)
.card-text
(card)
.card-title
(card)
.carousel
(carousel)
.carousel-caption
(carousel)
.carousel-control-{prev|next}
(carousel)
.carousel-control-{prev|next}-icon
(carousel)
.carousel-dark
(carousel)
.carousel-fade
(carousel)
.carousel-indicators
(carousel)
.carousel-inner
(carousel)
.carousel-item
(carousel)
.clearfix
(clearfix)
.col
(grid)
.col-{n]
(grid)
.col-{breakpoint}
(grid)
.col-{breakpoint}-{n}
(grid)
.col-{breakpoint]-auto
(grid)
.col-auto
(grid)
.col-form-label
(form)
.col-form-label-{sm|lg}
(form)
.collapse
(collapse)
.container
(container)
.container-{breakpoint}
(container)
.container-fluid
(container)
D
.d-{none|inline|inline-block|block}
(display)
.d-{table|table-row|table-cell}
(display)
.d-{flex|inline-flex}
(flex)
.d-grid
(display)
.d-{breakpoint}-{none|inline|inline-block|block}
(display)
.d-{breakpoint}-{table|table-row|table-cell}
(display)
.d-{breakpoint}-{flex|inline-flex}
(flex)
.d-print-{value}
(display)
data-bs-animation
(toast)
data-bs-autohide
(toast)
data-bs-auto-close
(dropdown)
data-bs-backdrop
(modal)
data-bs-boundary
(dropdown)
data-bs-content
(popover)
data-bs-delay
(toast)
data-bs-dismiss="alert"
(alert)
data-bs-dismiss="offcanvas"
(offcanvas)
data-bs-display
(dropdown)
data-bs-keyboard
(modal)
data-bs-interval
(carousel)
data-bs-offset
(dropdown)
data-bs-parent
(accordion)
data-bs-placement
(popover)
data-bs-placement
(tooltip)
data-bs-popper-config
(dropdown)
data-bs-reference
(dropdown)
data-bs-spy="scroll"
(scrollspy)
data-bs-target
(accordion)
data-bs-target
(carousel)
data-bs-target
(collapse)
data-bs-target
(modal)
data-bs-target
(navbar)
data-bs-target
(offcanvas)
data-bs-target
(scrollspy)
data-bs-toggle="button"
(button)
data-bs-toggle="button"
(collapse)
data-bs-toggle="dropdown"
(dropdown)
data-bs-toggle="modal"
(modal)
data-bs-toggle="collapse"
(navbar)
data-bs-toggle="offcanvas"
(offcanvas)
data-bs-toggle="popover"
(popover)
data-bs-toggle="tooltip"
(tooltip)
disabled
(button)
disabled
(close button)
.disabled
(dropdown)
.disabled
(list group)
.disabled
(nav-tab)
.disabled
(pagination)
.display-{n}
(heading)
.dropdown
(dropdown)
.dropdown-divider
(dropdown)
.dropdown-header
(dropdown)
.dropdown-item
(dropdown)
.dropdown-menu
(dropdown)
.dropdown-menu-dark
(dropdown)
.dropdown-menu-{start|end}
(dropdown)
.dropdown-menu-{breakpoint}-{start|end}
(dropdown)
.dropdown-toggle
(dropdown)
.dropdown-toggle-split
(dropdown)
.dropend
(dropdown)
.dropstart
(dropdown)
.dropup
(dropdown)
F
.figure
(figure)
.figure-caption
(figure)
.flex-fill
(flex)
.flex-{breakpoint}-fill
(flex)
.flex-{grow|shrink}-{0|1}
(flex)
.flex-{breakpoint}-{grow|shrink}-{0|1}
(flex)
.flex-nowrap
(flex)
.flex-wrap
(flex)
.figure-img
(figure)
.fixed-top
(position)
.fixed-bottom
(position)
.flex-column
(flex)
.flex-row
(flex)
.flex-{row|column}-reverse
(flex)
.flex-{breakpoint}-{row|column}-reverse
(flex)
.float-{start|end|none}
(float)
.float-{endpoint}-{start|end|none}
(float)
.font-monospace
(text)
.form-control
(form)
.form-control-{lg|sm}
(form)
.form-check
(form)
.form-check-inline
(form)
.form-check-input
(form)
.form-check-label
(form)
.form-control-color
(form)
.form-control-plaintext
(form)
.form-label
(form)
.form-floating
(form)
.form-range
(form)
.form-select
(form)
.form-select-{lg|sm}
(form)
.form-switch
(form)
.form-text
(form)
.fs-{1|2|3|4|5|6}
(text)
.fw-{bold|bolder|normal|light|lighter}
(text)
G
.g-{n}
(gutter)
.gx-{n}
(gutter)
.gy-{n}
(gutter)
H
.h{n}
(heading)
.h-{25|50|75|100|auto}
(sizing)
.hstack
(stack)
I
.img-fluid
(image)
.img-thumbnail
(image)
.initialism
(abbr)
.input-group
(form)
.input-group-{lg|sm}
(form)
.invalid-tooptip
(form)
.invisible
(visibility)
.invalid-feedback
(form)
.is-invalid
(form)
.is-valid
(form)
J
.justify-content-{start|center|end|around|between|evenly}
(column/flex)
.justify-content-{breakpoint}-{start|center|end|around|between|evenly}
(flex)
L
.lead
(lead)
.lg
(breakpoint)
.lh-{1|sm|base|lg}
(text)
.link-{context}
(colored link)
.list-group
(list group)
.list-group-flush
(list group)
.list-group-horizontal
(list group)
.list-group-horizontal-{breakpoint}
(list group)
.list-group-item
(list group)
.list-group-item-action
(list group)
.list-group-item-{context}
(list group)
.list-group-numbered
(list group)
.list-inline
(list)
.list-inline-item
(list)
.list-unstyled
(list)
M
.m{s|e}-auto
(flex)
.mark
(text)
.md
(breakpoint)
.mh-{25|50|75|100|auto}
(sizing)
.vh-vh-{25|50|75|100|auto}
(sizing)
.min-vw-{25|50|75|100|auto}
(sizing)
.modal
(modal)
.modal-body
(modal)
.modal-content
(modal)
.modal-dialog
(modal)
.modal-dialog-centered
(modal)
.modal-dialog-scrollable
(modal)
.modal-footer
(modal)
.modal-fullscreen
(modal)
.modal-fullscreen-{breakpoint}-down
(modal)
.modal-header
(modal)
.modal-title
(modal)
.modal-{sm|lg|xl}
(modal)
.mw-{25|50|75|100|auto}
(sizing)
.m{t|b|s|e|x|y}-{0|1|2|3|4|5|auto}
(space)
N
.nav
(nav-tab)
.nav-fill
(nav-tab)
.nav-item
(nav-tab)
.nav-link
(nav-tab)
.nav-pills
(nav-tab)
.nav-tabs
(nav-tab)
.navbar
(navbar)
.navbar-brand
(navbar)
.navbar-text
(navbar)
.navbar-{dark|light}
(navbar)
.navbar-nav-scroll
(navbar)
.navbar-toggler
(navbar)
.navbar-toggler-icon
(navbar)
O
.offcanvas
(offcanvas)
.offcanvas-body
(offcanvas)
.offcanvas-header
(offcanvas)
.offcanvas-title
(offcanvas)
.offcanvas-{top|bottom|start|end}
(offcanvas)
.offset-{n}
(column)
.offset-{offset}-{n}
(column)
.opacity-{0|25|50|75|100}
(opacity)
.order-{0|1|2|3|4|5}
(column)
.order-{breakpoint}-{0|1|2|3|4|5}
(column)
.order-{0|1|2|3|4|5}
(flex)
.order-{breakpoint}-{0|1|2|3|4|5}
(flex)
.order-first
(column)
.order-last
(column)
.overflow-{auto|hinnden|visible|scroll}
(overflow)
P
.page-item
(pagination)
.page-link
(pagination)
.pagination
(pagination)
.pagination-{lg|sm}
(pagination)
.pe-auto
(interaction)
.pe-none
(interaction)
.position-{static|relative|absolute|fixed|sticky}
(position)
.progress
(progress)
.progress-bar
(progress)
.progress-bar-animated
(progress)
.progress-bar-striped
(progress)
.p{t|b|s|e|x|y}-{0|1|2|3|4|5|auto}
(space)
R
.ratio
(ratio)
.ratio-{x}x{y}
(ratio)
.rounded
(border)
.rounded-{0|1|2|3}
(border)
.rounded-{top|bottom|start|end|circle|pill}
(border)
.rounded-pill
(badge)
.row
(grid)
.row-cols-auto
(grid)
.row-cols-{n}
(grid)
.row-cols-{breakpoint}-{n}
(grid)
S
.shadow
(shadow)
.shadow-none
(shadow)
.shadow-{sm|lg}
(shadow)
.slide
(carousel)
.sm
(breakpoint)
.small
(text)
.spinner-border
(spinner)
.spinner-border-sm
(spinner)
.spinner-grow
(spinner)
.spinner-grow-sm
(spinner)
.sticky-top
(position)
.stretched-link
(stretched link)
T
.table
(table)
.table-active
(table)
.table-bordered
(table)
.table-borderless
(table)
.table-{context}
(table)
.table-dark
(table)
.table-hover
(table)
.table-responsive
(table)
.table-responsive-{breakpoint}
(table)
.table-sm
(table)
.table-striped
(table)
.text-break
(text)
.text-decoration-line-through
(text)
.text-decoration-underline
(text)
.text-decoration-none
(text)
.text-{start|center|end}
(text)
.text-{breakpoint}-{start|center|end}
(text)
.text-reset
(text)
.text-truncate
(text truncation)
.text-{wrap|nowrap}
(text)
.text-{lowercase|uppercase|capitalize}
(text)
.text-{context}
(color)
.toast
(toast)
.toast-body
(toast)
.toast-container
(toast)
.toast-header
(toast)
.{top|bottom|start|end}-{0|50|100}
(position)
.translate-middle
(position)
.translate-middle-{x|y}
(position)
U
.user-select-auto
(interaction)
.user-select-all
(interaction)
.user-select-none
(interaction)
V
.valid-feedback
(form)
.valid-tooptip
(form)
.vh-{25|50|75|100|auto}
(sizing)
.visible
(visibility)
.visually-hidden
(visually hidden)
.visually-hidden-focusable
(visually hidden)
.vr
(vertical rule)
.vstack
(stack)
.vw-{25|50|75|100|auto}
(sizing)
W
.was-validated
(form)
.w-{25|50|75|100|auto}
(sizing)
X
.xl
(breakpoint)
.xxl
(breakpoint)