<li><b-link to="/docs/reference" exact>Reference</b-link></li>

<li><b-link to="/play" exact>Playground</b-link></li>

</ul>

</b-col>

<b-col cols="auto" class="text-left">

<b-nav-item to="/docs/directives" active-class="active" no-prefetch>Directives</b-nav-item>

<b-nav-item to="/docs/icons" active-class="active" no-prefetch>Icons</b-nav-item>

<b-nav-item to="/docs/reference" active-class="active">Reference</b-nav-item>

<b-nav-item to="/play" active-class="active" no-prefetch>Play</b-nav-item>

</b-navbar-nav>

</div>

</b-nav>

</b-link>

<b-link

to="/play"

router-tag="div"

- [Icons](/docs/icons) - Icons and icon plugin documentation <b-badge>v2.2.0+</b-badge>

- [Reference](/docs/reference) - Reference information and documentation

- [Playground](/play) - Online playground

using the BootstrapVue source SCSS, you can have your variable overrides (such as breakpoints, theme

colors, etc.) adjust the custom BootstrapVue css generation.

Every Sass variable in Bootstrap v4 and BootstrapVue includes the `!default` flag allowing you to