Bootstrap nav tab 각 탭의 폭 동일하게 하기

.

이렇게 왼쪽 정렬된 탭을

.

이렇게 페이지 폭에 맞춰서 같은 사이즈로 만들고 싶을때

.

.

	<ul class="nav nav-tabs nav-justified">
              <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#1">1</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#2">2</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#3">3</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#4">4</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#5">5</a>
              </li>
            </ul>

첫줄의 ul태그의 클래스에 "nav-justified"를 추가해주면 된다.

.

.