Website Documentation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae mauris sollicitudin eros mattis elementum. Ut eu interdum erat. Ut fringilla ut urna a eleifend. Nam cursus sagittis semper. Fusce nec tortor odio. In et ipsum et arcu blandit imperdiet rutrum ut turpis.

Quick start

This website uses Bootstrap extensively. Looking to get familiar with Bootstrap? Check out their official documentation? Get started with Bootstrap.

Subsection title

Need to add some code on a page? Use the <code> element. At the time of writing, Font Awesome 6.5.1 has been added to the website. Look for the icons you want here.

Section title

Aliquam id erat vehicula, volutpat metus congue, aliquet sem. Donec volutpat tempor libero, non scelerisque odio porttitor id.

List example

  • Read and subscribe to The Official Bootstrap Blog.
  • Chat with fellow Bootstrappers in IRC. On the irc.libera.chat server, in the #bootstrap channel.
  • Implementation help may be found at Stack Overflow (tagged bootstrap-5).
  • Pellentesque mollis quam et libero tincidunt, eu vehicula leo dignissim.
  • Phasellus ac velit ac orci ultricies vestibulum.
  • Sed rutrum leo ut felis rhoncus luctus.

Alert example

Accordion example

Please pay attention to the addition of focus-ring and focus-ring-dark classes in the <button> element. Add accordion-flush class to the outermost div remove borders.

This is the first item's accordion body. Omit the data-bs-parent attribute on each .accordion-collapse to make accordion items stay open when another item is opened.

This is the second item's accordion body.