## 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.

Navs for more bootstrao components Bootstrap Navs documentation

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.

Classes are used throughout, so your markup can be super flexible. Use `<ul>`s like above, `<ol>` if the order of your items is important, or roll your own with a `<nav>` element. Because the `.nav` uses `display: flex`, the nav links behave the same as nav items would, but without the extra markup.

### Tabs

Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabbed interface.

### Pills

Take that same HTML, but use `.nav-pills` instead:

##### Custom Settings

###### Template Color Settings

- Click to Dyanmic Setting

- Primary Color
- Secondary Color
- Chart Color 1
- Chart Color 2
- Chart Color 3
- Chart Color 4
- Chart Color 5

###### Font Settings

- Poppins Google Font
- Open Sans Google Font
- Montserrat Google Font
- Plex Google Font

###### Contrast Layout

- Enable Dark Mode!
- Enable High Contrast
- Enable RTL Mode!