트위터 부트 스트랩 드롭 다운 메뉴의 너비를 늘리는 방법은 무엇입니까?

Question

트위터 부트 스트랩 드롭 다운 메뉴에서 너비를 늘리려면 어떻게해야합니까? Alcohol Incidents 및 Status Reports를 옵션으로 사용하려면 목록이 필요하지만 기본 너비는 많은 텍스트를 포함 할만큼 충분히 크지 않습니다.

<li class="dropdown subnavbar-open-right"> 
        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><span>Reports/Statistics</span><b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li class="dropdown-submenu"><a>USN</a> 
          <ul class="dropdown-menu"> 
           <li><a>Alcohol Incidents and Status Reports</a></li> 

          </ul> 

Answer 1

당신은 내가 트위터 부트 스트랩의 기본 설정하고 드롭 다운 메뉴에 텍스트 "알코올 사건 및 상황 보고서"를 추가하여 테스트 페이지를 만들어 제공하는 코드를 찾고 있습니다. 내가 찾은 것은 텍스트의 전체 너비를 포함하도록 자동으로 확장 된 드롭 다운 메뉴입니다.

이것은 제대로 작동하려면 코드를 남겨 두거나 작동하지 않게하는 CSS 클래스를 무시해야합니다. 여기에 코드입니다 :

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#">Name</a> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Alcohol Incidents and Status Reports</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="nav-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
      </ul> 
      </li> 
     </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
    </div> 
</div> 

이 사람들이 당신 디버깅을 도울 수 있도록 코드의 자세한 내용을 제공 할 수 있습니다 당신을 도움이되지 않는 경우. JSFiddle에 대한 링크가 있지만 지금은 링크를 게시 할 수 없습니다. 여기에 확장 기능/tS95X/1/당신이 그것을보고 싶다면.