부트 스트랩 탐색 붕괴 링크 화면 너비 차지

Question

내 탐색이 축소되면 링크가 화면의 전체 너비를 차지합니다. 어떻게하면 텍스트의 폭으로 만들 수 있습니까? 나는 ul과 li css를 목표로 해보려고 노력했지만 어떻게 접근해야할지 모르겠습니다. 이 스타일을 어떤 스타일로 수정하겠습니까?

<div class="collapse navbar-collapse pull-right" id="nav-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="active"><a href="#intro">About</a></li> 
       <li><a href="#exp">Experience</a></li> 
       <li><a href="#skl">Skills</a></li> 
       <li><a href="#img-port">Graphic</a></li> 
       <li><a href="#vid-port">Video</a></li> 
       <li><a href="#contact">Contact</a></li>    
      </ul> 
      </div> 

Answer 1

이 같은 것을 사용할 수 있습니다 좋은 작품

#nav-collapse > .nav > li { 
    display: inline-block; 
}