Accordion

Bootstrap 5 Accordion is an essential part of modern web development that allows users to organize and present content in a structured and intuitive manner.

Components

Descriptions

Flush Accordion Flush is a type of accordion who are more edge-to-edge with the parent container.
Always open Accordion Always open is used to change the default value of Accordion and change it to always-open
Sass Accordion SASS can be used to change the default values provided for the accordion by customizing the SCSS file of Bootstrap 5.

Bootstrap 5 Components Reference

Bootstrap 5 Components enable the user to make their own Components and can include more functionality by adding the Accordion, Alerts, Badge, Breadcrumb, Buttons, etc, which help to enhance the overall user experience, along with engaging the users on their sites by decorating them.

The complete list of Components is listed below with their brief description:

Similar Reads

Accordion

Bootstrap 5 Accordion is an essential part of modern web development that allows users to organize and present content in a structured and intuitive manner....

Alerts

Bootstrap 5 Alerts provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages....

Badges

Bootstrap 5 Badges are used for creating labels. Badges scale to match the size of the immediate parent element by using relative font sizing....

Breadcrumb

Bootstrap 5 Breadcrumb are used to indicate the current page’s location within a navigational hierarchy....

Buttons

Bootstrap 5 Buttons is the latest major release by Bootstrap in which they have revamped the UI and made various changes. Buttons are the components provided to create various buttons....

Button Group

Bootstrap 5 Button Group is a component provided by Bootstrap 5 which helps to combine the buttons in a series in a single line....

Card

Bootstrap 5 Card provides a flexible and extensible content container with multiple variants and options. It includes options for headers and footers...

Carousel

Bootstrap 5 Carousel provides a slideshow component for cycling through elements....

Close Button

Bootstrap 5 Close Button provides a new component which can be used for dismissing content like modals and alerts....

Collapse

Bootstrap 5 Collapse is used to toggle the visibility of content across your project with a few classes and the JavaScript plugins....

Dropdowns

Bootstrap 5 Dropdowns are toggleable, contextual overlays for displaying lists of links and more....

List Group

Bootstrap 5 List groups are a flexible and powerful component for displaying a series of content....

Modal

Bootstrap 5 Modals are used to add dialogs to your site for lightboxes, user notifications, or completely custom content....

Navs and tabs

Navs and tabs are the components given in bootstrap for navigation list of all the nav and tab are given below...

Navbar

Bootstrap 5 Navebar use for responsive navigation of header. they also make building , navigation user-friendly....

Offcanvas

Bootstrap 5 OffCanvas components constitute an offcanvas are a header with a close button and a body section which is optional and we can also add some action buttons on the footer section which are optional too....

Popovers

Bootstrap 5 Popovers are a feature that allows you to add small overlays of content to a page....

Pagination

Pagination is used to enable navigation between pages in a website. The pagination used in Bootstrap has a large block of connected links that are hard to miss and are easily scalable....

Progress

Bootstrap 5 progress bar is used to display the progress of a process on a computer. A progress bar displays how much of the process is completed and how much is left....

Scrollspy

Bootstrap 5 Scrollspy is an automatic navigation mechanism that automatically updates the scroll position....

Spinners

Bootstrap 5 spinners are used to specify the loading state of a component or webpage....

Toasts

Bootstrap 5 Toasts are notifications or messages which the users receive whenever they perform certain actions. They can easily be customized....

Tooltips

Bootstrap 5 Tooltips is used to provide interactive textual hints to the user about the element when the mouse pointer moves over....