Files
| File Name |
| Name | Bootstrap |
| Version | |
| Badge |
|
| Last Updated | 2022-07-05T17:57:05Z |
Table of Contents
- Components: Accordion
-
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
- Components: Breadcrumb
- Components: Button group
-
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
-
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
- Components: Placeholders
-
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
-
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
-
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
-
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