Don't want to learn Bootstrap classes? Go to Bootstrap builder for busy developers.

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

/* _nav.scss:98 */