내비게이션 바와 그 컨텐츠는 기본적으로 유동적이어서, 컨테이너를 변경함으로써 다양하게 너비를 제한할 수 있고, 나아가 내비게이션 바 내에서의 간격과 정렬을 제어하기 위하여 부트스트랩의 간격 및 플렉스박스 유틸리티를 사용할 수 있다!

내비게이션 바에 .navbar-expand로 주면; 항상 펼쳐진 채로 있게되고, .navbar-expand-*는 해당 브레이크포인트에서부터 펼쳐지는 반응형 내비게이션 바로 동작한다. 한편, 항상 축소되는(= 토글 버튼만 보여지는) 내비게이션 바(= 항시 수직으로만 쌓는 적층구조)는 그저, .navbar-expand 클래스를 제거해주는 것으로 충분하다! 화면 너비를 줄여 축소 버튼을 확인하세요..

2. 또는, 부트스트랩의 .navbar-nav(내비게이션 바의 메뉴 영역) 스타일을 적용한 <ul> 태그로 메뉴 항목을 넣을 수도 있다. <li> 메뉴 항목은 .nav-item으로 스타일 지정하고, 메뉴에 사용한 <a> 태그에는 .nav-link 스타일을 사용한다
[ <ul>(& <li>) ]
                    
                        
                    
                

내비게이션 바에서 링크가 아닌 텍스트를 넣는 경우, .navbar-text 클래스를 사용하면 적절한 여백과 색상, 수직 맞춤이 보장된다!