Basic
Generally, we recommend using a button with the
data-bs-target attribute. While not recommended from a semantic point
of
view, you can also use a link with the href attribute (and a
role="button"). In both cases, the
data-bs-toggle="collapse"
is required.
Multiple toggle
A <button> or <a> can
show
and hide multiple elements by referencing them with a selector in its
href
or data-bs-target attribute.
Multiple <button> or <a> can show and hide an
element if they each reference it with their href or
data-bs-target attribute
Default tabs
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, asperiores. Distinctio sunt perferendis, minus sapiente quia impedit maxime quaerat officiis temporibus, earum magni voluptatibus consequatur corporis eaque beatae accusantium rerum!
Tabs pills
Tabs Icon
Tabs justify
Tab justify, add .nav-fill or
.nav-justified