如何增加twitter引導下拉菜單的寬度？

Question

如何增加twitter引導下拉菜單中的寬度。我需要列表中的酒精事件和狀態報告作爲選項，但默認寬度不夠大，無法涵蓋那麼多文本。

<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

看着你提供我使用Twitter的引導的默認設置，並添加文本「酒事件和狀態報告」進入下拉菜單做了一個測試頁面的代碼。我發現的是自動展開的下拉菜單，以包含文本的整個寬度。

這意味着要麼你留下了一些必要的代碼，以使其正確工作，或者你重寫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 /如果你想查找它。