bootstrap-componentslisted

# Bootstrap 5.3 Components Bootstrap provides ready-to-use UI components for building interfaces. This skill covers all major components with usage patterns, JavaScript initialization requirements, and accessibility best practices. **JavaScript Initialization Overview:** Some components work purely with data attributes, while others require JavaScript initialization. Components marked with **Requires JS** below won't function without explicit initialization. | Component | Requires JS Init | Data Attributes Only | |-----------|------------------|----------------------| | Tooltip | Yes | No | | Popover | Yes | No | | Toast | Yes (to show) | No | | Scrollspy | Optional | Yes | | Modal | Optional | Yes | | Carousel | Optional | Yes | | Collapse | Optional | Yes | | Dropdown | Optional | Yes | ## Interactive Components These components require or benefit from JavaScript. See `references/interactive-components.md` for detailed code examples, JavaScript APIs, and accessibility guidance. ### Accordion Collapsible content panels that show one section at a time. Use `.accordion` wrapper with `.accordion-item` children containing `.accordion-header` and `.accordion-collapse`. Remove `data-bs-parent` to allow multiple panels open simultaneously. Use `.accordion-flush` for borderless variant. ### Carousel Image slideshow with optional controls and indicators. Use `.carousel.slide` wrapper with `.carousel-inner` containing `.carousel-item` slides. Add `.carousel-control-prev`/`.ca