bootstrapbeginnermit

Bootstrap Accordion

An FAQ accordion.

5.8k3.0k351196

About this module

A Bootstrap accordion with proper ARIA wiring, flush styling and a chevron toggle.

#bootstrap#accordion#faq

Source code

Installation

  1. 1

    Install Bootstrap

    Install the package or add the CDN link.

    npm install bootstrap
  2. 2

    Load the CSS

    Import `bootstrap/dist/css/bootstrap.min.css` (and `bootstrap.bundle.min.js` for JS components).

  3. 3

    Paste the markup

    Copy the markup into your page.

Usage

  1. 1

    Copy the markup

    Paste the HTML below into your page or template.

  2. 2

    Check the JS bundle

    Include the Bootstrap JS bundle for the interactive behavior.

Overview
Frameworkbootstrap
Difficultybeginner
Licensemit
Versionv1.0.0
Features
  • Uses Bootstrap 5.3 classes
  • Responsive grid
  • Standard ARIA patterns
Traits
  • ResponsiveYes
  • Dark modeNo
  • AccessibleYes
  • Production readyYes
Dependencies
bootstrap@^5.3.0
Browser support
  • Chrome 90+
  • Firefox 90+
  • Safari 15+
  • Edge 90+

Related modules

Command Palette

Search modules and jump anywhere