Bootstrap class: .nav-justified

<ul class="nav nav-pills nav-justified">
  <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

Sass source

/* _nav.scss:98 */
.nav-justified {
  .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
  }
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _nav.scss:98 */

More in Bootstrap Navs