Bootstrap CSS Classes

Bootstrap CSS class .nav-fill

<ul class="nav nav-pills nav-fill">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Longer nav link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
</ul>

Preview

Are you tired of writing HTML by hand?

CSS source

/* _nav.scss:91 */
.nav-fill {
  .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
}

More Bootstrap CSS classes in Navs category

© 2024 Shuffle. All rights reserved.