Wir entwickeln eine Anwendung und verwenden Twiiter Bootstrap 3. Wir haben eine Navigationsleiste mit Navigationspillen erstellt

   <ul class="nav nav-pills head-menu">                                                                                                
    <input type="hidden" id="selected_menu_item" value="=$selectedMenuId; ?>" />                               
        <li>
          <a href="#" id="welcome">
          Welcome text ...              
           </a>
        </li>
            <li><a href="#" id="kitchen">Kitchen</a></li>
            <li><a href="#" id="programma" > Programma</a></li>
            <li><a href="#" id="foodart" >foodart text</a></li>
   </ul>                        

kann uns jemand mit bootstrap-erfahrung helfen, wenn wir diese nav-pills zusammenklappbar und reaktionsfähig machen können, wenn die größe reduziert wird, so wie wir es mit nav-bars leicht tun können?

Danke im Voraus