Table of Contents
Components: Accordion
Accordion
Accordion: Accessibility
Accordion: Always open
Accordion: CSS
Accordion: Example
Accordion: Flush
Accordion: How it works
Accordion: Sass variables
Accordion: Variables
Components: Alerts
Alerts
Alerts: Additional content
Alerts: CSS
Alerts: Dismissing
Alerts: Events
Alerts: Examples
Alerts: Icons
Alerts: Initialize
Alerts: JavaScript behavior
Alerts: Link color
Alerts: Live example
Alerts: Methods
Alerts: Sass loop
Alerts: Sass mixin
Alerts: Sass variables
Alerts: Triggers
Alerts: Variables
close (Method)
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
Components: Badges
Badges
Badges: Background colors
Badges: Buttons
Badges: CSS
Badges: Example heading New
Badges: Examples
Badges: Headings
Badges: Pill badges
Badges: Positioned
Badges: Sass variables
Badges: Variables
Components: Breadcrumb
Breadcrumb
Breadcrumb: Accessibility
Breadcrumb: CSS
Breadcrumb: Dividers
Breadcrumb: Example
Breadcrumb: Sass variables
Breadcrumb: Using embedded SVG
Breadcrumb: Variables
Components: Button group
Button group
Button group: Basic example
Button group: Button toolbar
Button group: Checkbox and radio button groups
Button group: Mixed styles
Button group: Nesting
Button group: Outlined styles
Button group: Sizing
Button group: Vertical variation
Components: Buttons
Buttons
Buttons: Block buttons
Buttons: Button plugin
Buttons: Button tags
Buttons: CSS
Buttons: Disable text wrapping
Buttons: Disabled state
Buttons: Examples
Buttons: Link functionality caveat
Buttons: Methods
Buttons: Outline buttons
Buttons: Sass loops
Buttons: Sass mixins
Buttons: Sass variables
Buttons: Sizes
Buttons: Toggle states
Buttons: Variables
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
toggle (Method)
Components: Cards
Cards
Cards: About
Cards: Background and color
Cards: Body
Cards: Border
Cards: Card groups
Cards: Card layout
Cards: Card styles
Cards: Content types
Cards: CSS
Cards: Example
Cards: Grid cards
Cards: Header and footer
Cards: Horizontal
Cards: Image caps
Cards: Image overlays
Cards: Images
Cards: Images
Cards: Kitchen sink
Cards: List groups
Cards: Masonry
Cards: Mixins utilities
Cards: Navigation
Cards: Sass variables
Cards: Sizing
Cards: Text alignment
Cards: Titles, text, and links
Cards: Using custom CSS
Cards: Using grid markup
Cards: Using utilities
Cards: Variables
Components: Carousel
Carousel
Carousel: Crossfade
Carousel: Custom transition
Carousel: Dark variant
Carousel: Disable touch swiping
Carousel: Events
Carousel: Example
Carousel: How it works
Carousel: Individual .carousel-item interval
Carousel: Methods
Carousel: Options
Carousel: Sass
Carousel: Slides only
Carousel: Usage
Carousel: Variables
Carousel: Via data attributes
Carousel: Via JavaScript
Carousel: With captions
Carousel: With controls
Carousel: With indicators
cycle (Method)
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
next (Method)
nextWhenVisible (Method)
pause (Method)
prev (Method)
slid.bs.carousel (Event)
slide.bs.carousel (Event)
to (Method)
Components: Close button
Close button
Close button: Disabled state
Close button: Example
Close button: Sass
Close button: Variables
Close button: White variant
Components: Collapse
Collapse
Collapse: Accessibility
Collapse: Classes
Collapse: Events
Collapse: Example
Collapse: Horizontal
Collapse: How it works
Collapse: Methods
Collapse: Multiple targets
Collapse: Options
Collapse: Sass
Collapse: Usage
Collapse: Variables
Collapse: Via data attributes
Collapse: Via JavaScript
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
hidden.bs.collapse (Event)
hide (Method)
hide.bs.collapse (Event)
show (Method)
show.bs.collapse (Event)
shown.bs.collapse (Event)
toggle (Method)
Components: Dropdowns
dispose (Method)
Dropdowns
Dropdowns: Accessibility
Dropdowns: Active
Dropdowns: Alignment options
Dropdowns: Auto close behavior
Dropdowns: Centered
Dropdowns: CSS
Dropdowns: Dark dropdowns
Dropdowns: Directions
Dropdowns: Disabled
Dropdowns: Dividers
Dropdowns: Dropdown options
Dropdowns: Dropend
Dropdowns: Dropstart
Dropdowns: Dropup
Dropdowns: Dropup centered
Dropdowns: Events
Dropdowns: Examples
Dropdowns: Forms
Dropdowns: Headers
Dropdowns: Menu alignment
Dropdowns: Menu content
Dropdowns: Menu items
Dropdowns: Methods
Dropdowns: Mixins
Dropdowns: Options
Dropdowns: Overview
Dropdowns: Responsive alignment
Dropdowns: Sass variables
Dropdowns: Single button
Dropdowns: Sizing
Dropdowns: Split button
Dropdowns: Text
Dropdowns: Usage
Dropdowns: Variables
Dropdowns: Via data attributes
Dropdowns: Via JavaScript
getInstance (Method)
getOrCreateInstance (Method)
hidden.bs.dropdown (Event)
hide (Method)
hide.bs.dropdown (Event)
show (Method)
show.bs.dropdown (Event)
shown.bs.dropdown (Event)
toggle (Method)
update (Method)
Components: List group
hidden.bs.tab (Event)
hide.bs.tab (Event)
List group
List group: Active items
List group: Basic example
List group: Checkboxes and radios
List group: Contextual classes
List group: CSS
List group: Custom content
List group: Disabled items
List group: Events
List group: Fade effect
List group: Flush
List group: Horizontal
List group: JavaScript behavior
List group: Links and buttons
List group: Loop
List group: Methods
List group: Mixins
List group: Numbered
List group: Sass variables
List group: Using data attributes
List group: Variables
List group: Via JavaScript
List group: With badges
show.bs.tab (Event)
shown.bs.tab (Event)
Components: Modal
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
handleUpdate (Method)
hide (Method)
Modal
Modal: Accessibility
Modal: Change animation
Modal: CSS
Modal: Dynamic heights
Modal: Embedding YouTube videos
Modal: Events
Modal: Examples
Modal: Fullscreen Modal
Modal: How it works
Modal: Live demo
Modal: Loop
Modal: Methods
Modal: Modal components
Modal: Optional sizes
Modal: Options
Modal: Remove animation
Modal: Sass variables
Modal: Scrolling long content
Modal: Static backdrop
Modal: Toggle between modals
Modal: Tooltips and popovers
Modal: Usage
Modal: Using the grid
Modal: Variables
Modal: Varying modal content
Modal: Vertically centered
Modal: Via data attributes
Modal: Via JavaScript
show (Method)
toggle (Method)
Components: Navbar
Navbar
Navbar: Brand
Navbar: Color schemes
Navbar: Containers
Navbar: CSS
Navbar: External content
Navbar: Forms
Navbar: How it works
Navbar: Nav
Navbar: Offcanvas
Navbar: Placement
Navbar: Responsive behaviors
Navbar: Sass loop
Navbar: Sass variables
Navbar: Scrolling
Navbar: Supported content
Navbar: Text
Navbar: Toggler
Navbar: Variables
Components: Navs and tabs
hidden.bs.tab (Event)
hide.bs.tab (Event)
Navs and tabs
Navs and tabs: Accessibility
Navs and tabs: Available styles
Navs and tabs: Base nav
Navs and tabs: CSS
Navs and tabs: Events
Navs and tabs: Fade effect
Navs and tabs: Fill and justify
Navs and tabs: Horizontal alignment
Navs and tabs: JavaScript behavior
Navs and tabs: Methods
Navs and tabs: Pills
Navs and tabs: Pills with dropdowns
Navs and tabs: Regarding accessibility
Navs and tabs: Sass variables
Navs and tabs: Tabs
Navs and tabs: Tabs with dropdowns
Navs and tabs: Using data attributes
Navs and tabs: Using dropdowns
Navs and tabs: Variables
Navs and tabs: Vertical
Navs and tabs: Via JavaScript
Navs and tabs: Working with flex utilities
show.bs.tab (Event)
shown.bs.tab (Event)
Components: Offcanvas
getInstance (Method)
getOrCreateInstance (Method)
hidden.bs.offcanvas (Event)
hide (Method)
hide.bs.offcanvas (Event)
hidePrevented.bs.offcanvas (Event)
Offcanvas
Offcanvas: Accessibility
Offcanvas: Body scrolling
Offcanvas: Body scrolling and backdrop
Offcanvas: CSS
Offcanvas: Events
Offcanvas: Examples
Offcanvas: How it works
Offcanvas: Live demo
Offcanvas: Methods
Offcanvas: Offcanvas components
Offcanvas: Options
Offcanvas: Placement
Offcanvas: Responsive
Offcanvas: Sass variables
Offcanvas: Static backdrop
Offcanvas: Usage
Offcanvas: Variables
Offcanvas: Via data attributes
Offcanvas: Via JavaScript
show (Method)
show.bs.offcanvas (Event)
shown.bs.offcanvas (Event)
toggle (Method)
Components: Pagination
Pagination
Pagination: Alignment
Pagination: CSS
Pagination: Disabled and active states
Pagination: Overview
Pagination: Sass mixins
Pagination: Sass variables
Pagination: Sizing
Pagination: Variables
Pagination: Working with icons
Components: Placeholders
Placeholders
Placeholders: About
Placeholders: Animation
Placeholders: Color
Placeholders: Example
Placeholders: How it works
Placeholders: Sass
Placeholders: Sizing
Placeholders: Variables
Placeholders: Width
Components: Popovers
disable (Method)
dispose (Method)
enable (Method)
getInstance (Method)
getOrCreateInstance (Method)
hide (Method)
Popovers
Popovers: CSS
Popovers: Custom container
Popovers: Custom popovers
Popovers: Disabled elements
Popovers: Dismiss on next click
Popovers: Enable popovers
Popovers: Events
Popovers: Examples
Popovers: Four directions
Popovers: Live demo
Popovers: Making popovers work for keyboard and assistive technology users
Popovers: Methods
Popovers: Options
Popovers: Overview
Popovers: Sass variables
Popovers: Usage
Popovers: Variables
setContent (Method)
show (Method)
toggle (Method)
toggleEnabled (Method)
update (Method)
Components: Progress
Progress
Progress: Animated stripes
Progress: Backgrounds
Progress: CSS
Progress: Height
Progress: How it works
Progress: Keyframes
Progress: Labels
Progress: Multiple bars
Progress: Sass variables
Progress: Striped
Progress: Variables
Components: Scrollspy
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
refresh (Method)
Scrollspy
Scrollspy: Events
Scrollspy: Examples
Scrollspy: How it works
Scrollspy: List group
Scrollspy: Methods
Scrollspy: Navbar
Scrollspy: Nested nav
Scrollspy: Options
Scrollspy: Simple anchors
Scrollspy: Usage
Scrollspy: Via data attributes
Scrollspy: Via JavaScript
Components: Spinners
Spinners
Spinners: About
Spinners: Alignment
Spinners: Border spinner
Spinners: Buttons
Spinners: Colors
Spinners: CSS
Spinners: Growing spinner
Spinners: Keyframes
Spinners: Margin
Spinners: Placement
Spinners: Sass variables
Spinners: Size
Spinners: Variables
Components: Toasts
dispose (Method)
getInstance (Method)
getOrCreateInstance (Method)
hide (Method)
isShown (Method)
show (Method)
Toasts
Toasts: Accessibility
Toasts: Basic
Toasts: Color schemes
Toasts: CSS
Toasts: Custom content
Toasts: Events
Toasts: Examples
Toasts: Live example
Toasts: Methods
Toasts: Options
Toasts: Overview
Toasts: Placement
Toasts: Sass variables
Toasts: Stacking
Toasts: Translucent
Toasts: Triggers
Toasts: Usage
Toasts: Variables
Components: Tooltips
disable (Method)
dispose (Method)
enable (Method)
getInstance (Method)
getOrCreateInstance (Method)
hide (Method)
setContent (Method)
show (Method)
toggle (Method)
toggleEnabled (Method)
Tooltips
Tooltips: CSS
Tooltips: Custom tooltips
Tooltips: Directions
Tooltips: Disabled elements
Tooltips: Enable tooltips
Tooltips: Events
Tooltips: Examples
Tooltips: Markup
Tooltips: Methods
Tooltips: Options
Tooltips: Overview
Tooltips: Sass variables
Tooltips: Tooltips on links
Tooltips: Usage
Tooltips: Variables
update (Method)
Content
Figures
Figures: Sass
Figures: Variables
Images
Images: Aligning images
Images: Image thumbnails
Images: Picture
Images: Responsive images
Images: Sass
Images: Variables
Reboot
Reboot: Address
Reboot: Approach
Reboot: Blockquote
Reboot: Code blocks
Reboot: CSS variables
Reboot: Forms
Reboot: Headings and paragraphs
Reboot: Horizontal rules
Reboot: HTML5 [hidden] attribute
Reboot: Inline code
Reboot: Inline elements
Reboot: Lists
Reboot: Misc elements
Reboot: Native font stack
Reboot: Page defaults
Reboot: Pointers on buttons
Reboot: Sample output
Reboot: Summary
Reboot: Tables
Reboot: User input
Reboot: Variables
Tables
Tables: Accented tables
Tables: Active tables
Tables: Always responsive
Tables: Anatomy
Tables: Bordered tables
Tables: Breakpoint specific
Tables: Captions
Tables: Customizing
Tables: Hoverable rows
Tables: How do the variants and accented tables work?
Tables: How nesting works
Tables: Loop
Tables: Nesting
Tables: Overview
Tables: Responsive tables
Tables: Sass
Tables: Small tables
Tables: Striped columns
Tables: Striped rows
Tables: Table borders
Tables: Table foot
Tables: Table group dividers
Tables: Table head
Tables: Tables without borders
Tables: Variables
Tables: Variants
Tables: Vertical alignment
Typography
Typography: Fancy display heading With faded secondary text
Typography: Abbreviations
Typography: Alignment
Typography: Blockquotes
Typography: Customizing headings
Typography: Description list alignment
Typography: Display headings
Typography: Global settings
Typography: Headings
Typography: Inline
Typography: Inline text elements
Typography: Lead
Typography: Lists
Typography: Mixins
Typography: Naming a source
Typography: Responsive font sizes
Typography: Sass
Typography: Text utilities
Typography: Unstyled
Typography: Variables
Getting started
Accessibility
Browsers and devices
Contents
Contribute
Download
JavaScript
Parcel
RFS
RTL
Webpack and bundlers
Helpers
Clearfix
Color & background
Color & background: Overview
Color & background: With components
Colored links
Position
Position: Fixed bottom
Position: Fixed top
Position: Responsive sticky bottom
Position: Responsive sticky top
Position: Sticky bottom
Position: Sticky top
Ratios
Ratios: About
Ratios: Aspect ratios
Ratios: Custom ratios
Ratios: Example
Ratios: Sass map
Stacks
Stacks: Examples
Stacks: Horizontal
Stacks: Sass
Stacks: Vertical
Stretched link
Stretched link: Identifying the containing block
Text truncation
Vertical rule
Vertical rule: Example
Vertical rule: How it works
Vertical rule: With stacks
Visually hidden
Visually hidden: Title for screen readers
Layout
Breakpoints
Breakpoints: Available breakpoints
Breakpoints: Between breakpoints
Breakpoints: Core concepts
Breakpoints: Max-width
Breakpoints: Media queries
Breakpoints: Min-width
Breakpoints: Single breakpoint
Columns
Columns: Alignment
Columns: Column breaks
Columns: Column wrapping
Columns: Horizontal alignment
Columns: How they work
Columns: Offsetting columns
Columns: Order classes
Columns: Reordering
Columns: Standalone column classes
Columns: Vertical alignment
Containers
Containers: Default container
Containers: Fluid containers
Containers: How they work
Containers: Responsive containers
Containers: Sass
CSS Grid
CSS Grid: Adding rows
CSS Grid: Auto columns
CSS Grid: Columns and gaps
CSS Grid: Customizing
CSS Grid: Examples
CSS Grid: Gaps
CSS Grid: How it works
CSS Grid: Key differences
CSS Grid: Nesting
CSS Grid: No grid classes
CSS Grid: Responsive
CSS Grid: Sass
CSS Grid: Starts
CSS Grid: Three columns
CSS Grid: Wrapping
Grid system
Grid system: All breakpoints
Grid system: Auto-layout columns
Grid system: Columns and gutters
Grid system: Customizing the grid
Grid system: Equal-width
Grid system: Example
Grid system: Example usage
Grid system: Grid options
Grid system: Grid tiers
Grid system: How it works
Grid system: Mix and match
Grid system: Mixins
Grid system: Nesting
Grid system: Responsive classes
Grid system: Row columns
Grid system: Sass
Grid system: Setting one column width
Grid system: Stacked to horizontal
Grid system: Variable width content
Grid system: Variables
Gutters
Gutters: Change the gutters
Gutters: Horizontal & vertical gutters
Gutters: Horizontal gutters
Gutters: How they work
Gutters: No gutters
Gutters: Row columns gutters
Gutters: Vertical gutters
Utilities for layout
Utilities for layout: Changing display
Utilities for layout: Flexbox options
Utilities for layout: Margin and padding
Utilities for layout: Toggle visibility
Z-index
Utilities
Background
Background: Background color
Background: Background gradient
Background: Example
Background: How it works
Background: Map
Background: Mixins
Background: Opacity
Background: Sass
Background: Utilities API
Background: Variables
Borders
Borders: Additive
Borders: Border
Borders: Color
Borders: CSS
Borders: Example
Borders: How it works
Borders: Opacity
Borders: Radius
Borders: Sass mixins
Borders: Sass variables
Borders: Sizes
Borders: Subtractive
Borders: Utilities API
Borders: Variables
Borders: Width
Colors
Colors: Colors
Colors: Example
Colors: How it works
Colors: Map
Colors: Opacity
Colors: Sass
Colors: Specificity
Colors: Utilities API
Colors: Variables
Display property
Display property: Display in print
Display property: Examples
Display property: Hiding elements
Display property: How it works
Display property: Notation
Display property: Sass
Display property: Utilities API
Flex
Flex: Align content
Flex: Align items
Flex: Align self
Flex: Auto margins
Flex: Direction
Flex: Enable flex behaviors
Flex: Fill
Flex: Grow and shrink
Flex: Justify content
Flex: Media object
Flex: Order
Flex: Sass
Flex: Utilities API
Flex: With align-items
Flex: Wrap
Float
Float: Overview
Float: Responsive
Float: Sass
Float: Utilities API
Interactions
Interactions: Pointer events
Interactions: Sass
Interactions: Text selection
Interactions: Utilities API
Opacity
Opacity: Utilities API
Overflow
Overflow: Sass
Overflow: Utilities API
Position
Position: Arrange elements
Position: Center elements
Position: Examples
Position: Maps
Position: Position values
Position: Sass
Position: Utilities API
Shadows
Shadows: Examples
Shadows: Sass
Shadows: Utilities API
Shadows: Variables
Sizing
Sizing: Relative to the parent
Sizing: Relative to the viewport
Sizing: Sass
Sizing: Utilities API
Spacing
Spacing: Examples
Spacing: Gap
Spacing: Horizontal centering
Spacing: Maps
Spacing: Margin and padding
Spacing: Negative margin
Spacing: Notation
Spacing: Sass
Spacing: Utilities API
Text
Text: Font size
Text: Font weight and italics
Text: Line height
Text: Maps
Text: Monospace
Text: Reset color
Text: Sass
Text: Text alignment
Text: Text decoration
Text: Text transform
Text: Text wrapping and overflow
Text: Utilities API
Text: Variables
Text: Word break
Utility API
Utility API: Add utilities
Utility API: API explained
Utility API: Class
Utility API: CSS variable utilities
Utility API: Importance
Utility API: Local CSS variables
Utility API: Modify utilities
Utility API: Override utilities
Utility API: Print
Utility API: Property
Utility API: Remove utilities
Utility API: Responsive
Utility API: States
Utility API: Using the API
Utility API: Values
Vertical alignment
Vertical alignment: Sass
Vertical alignment: Utilities API
Visibility
Visibility: Sass
Visibility: Utilities API
中文
English
A
A
Serif
Sans
White
Sepia
Night
首页
API Docs
工具
首页
API Docs
工具
bootstrap
/
5.2
/
helpers
/
Files
File Name
clearfix/
color-background/
colored-links/
position/
ratio/
stacks/
stretched-link/
text-truncation/
vertical-rule/
visually-hidden/
Name
Bootstrap
Version
3.4.1
4.5
5.2
Badge
Last Updated
2022-07-05T17:57:05Z