Twitter推進器導航崩潰：一行上的多個項目？

Question

引導的導航欄的響應功能真棒但它確實是積極的關於採取各個項目，並把它在收縮的菜單自己的路線，例如：

  <div class="nav-collapse"> 
     <ul class="nav pull-left"> 
      <li><a id="mpd_header_playlist" href="/">Now Playing</a></li> 
      <li><a id="mpd_header_playlists" href="/playlists">Playlists</a></li> 
     </ul> 
     <ul class="nav pull-right"> 
      <li><a href="#">Volume:</a></li> 
      <li><a style="width:100px; valign:middle;"><div id="mpd_header_volume"></div></a></li> 
      <li><a href="#"><i class="icon-step-backward icon-white mpd_previous_button"></i></a></li> 
      <li><a href="#"><i class="icon-play icon-white mpd_play_button"></i></a></li> 
      <li><a href="#"><i class="icon-pause icon-white mpd_pause_button"></i></a></li> 
      <li><a href="#"><i class="icon-stop icon-white mpd_stop_button"></i></a></li> 
      <li><a href="#"><i class="icon-step-forward icon-white mpd_next_button"></i></a></li> 
      <li><a href="#">Search Music</a></li> 
      <li class=""> 
       <form class="navbar-search" id="search" action="search"> 
        <input type="text" name="q" class="search-query" placeholder="Search Library..." /> 
       </form> 
      </li> 
     </ul> 
     </div><!--/.nav-collapse --> 

產生在倒塌的線路每個<li>列出的菜單，當真的，我想爲標題和播放列表鏈接一行，併爲所有的化妝播放控件的圖標線。有沒有辦法對項目進行「分組」，以便它們被響應式導航欄巧妙地摺疊起來？

Answer 1

最簡單的方法是將鏈接放在同一個li元素中。