From 185ddf1eaf82e08586be6c7689507ee924d9dd47 Mon Sep 17 00:00:00 2001 From: Mario Date: Fri, 19 Aug 2022 13:15:48 +0000 Subject: update to bootstrap 5.2 and fixes --- .../site/content/docs/5.2/components/navs-tabs.md | 720 +++++++++++++++++++++ 1 file changed, 720 insertions(+) create mode 100644 vendor/twbs/bootstrap/site/content/docs/5.2/components/navs-tabs.md (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/components/navs-tabs.md') diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/components/navs-tabs.md b/vendor/twbs/bootstrap/site/content/docs/5.2/components/navs-tabs.md new file mode 100644 index 000000000..2b58bdd72 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/components/navs-tabs.md @@ -0,0 +1,720 @@ +--- +layout: docs +title: Navs and tabs +description: Documentation and examples for how to use Bootstrap's included navigation components. +group: components +aliases: "/docs/5.2/components/navs/" +toc: true +--- + +## Base nav + +Navigation available in Bootstrap share general markup and styles, from the base `.nav` class to the active and disabled states. Swap modifier classes to switch between each style. + +The base `.nav` component is built with flexbox and provide a strong foundation for building all types of navigation components. It includes some style overrides (for working with lists), some link padding for larger hit areas, and basic disabled styling. + +{{< callout info >}} +The base `.nav` component does not include any `.active` state. The following examples include the class, mainly to demonstrate that this particular class does not trigger any special styling. + +To convey the active state to assistive technologies, use the `aria-current` attribute — using the `page` value for current page, or `true` for the current item in a set. +{{< /callout >}} + +{{< example >}} + +{{< /example >}} + +Classes are used throughout, so your markup can be super flexible. Use `