nav-pills navbar gibi çökmesi nasıl yapılır

Question

Bir nav-pills menüsüne sahibim ve bu daraltıldığında yataydır. Çökerken navbar gibi bir menü istiyorum. İnternette arama yaptım, tek soloution menüler yapmaktı ve bunun en iyi soloution olduğunu sanmıyorum. Birisi bu soloution

Answer 1

bana yardımcı olabilir

       <div class="navbar"> 
            <button type="button" class="navbar-toggle btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".navbar-collapse"> 
             NAVIGATION <span class="icon-chevron-down icon-white"></span> 
            </button> 

            <div class="navbar-collapse collapse" style="background-color:deeppink;"> 
             <ul class="nav navbar ddmenu"> 
              <li class="dropdown active">@Html.ActionLink("Home", "Index", "Home")</li> 

              <li class="dropdown"> 
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Transport <b class="caret"></b></a> 
               <ul class="dropdown-menu"> 
                <li>@Html.ActionLink("Medicin", "Medicin", "Home")</li> 
                <li>@Html.ActionLink("Køl/Varme/Frost", "Temperaturkontrolleret", "Home")</li> 
                <li>@Html.ActionLink("ADR", "ADR", "Home")</li> 
                <li>@Html.ActionLink("Express", "Express", "Home")</li> 
                <li>@Html.ActionLink("Flytninger", "Flytninger", "Home")</li> 
                <li>@Html.ActionLink("SLV", "SLV", "Home")</li> 
                <li>@Html.ActionLink("Dyr", "Dyr", "Home")</li> 
                <li>@Html.ActionLink("Håndvåben", "Weapons", "Home")</li> 
                <li>@Html.ActionLink("England Tur/Retur", "TurRetur", "Home")</li> 
               </ul> 
              </li> 

              <li class="dropdown">@Html.ActionLink("Priser", "Priser", "Home")</li> 
              <li class="dropdown">@Html.ActionLink("Nyheder", "Nyheder", "Home")</li> 
              <li class="dropdown">@Html.ActionLink("Kontakt", "Kontakt", "Home")</li> 
              <li class="dropdown">@Html.ActionLink("Job", "Vognmand", "Home")</li> 
              <li> 
               <a class="hideButtonDk" href="@Url.Action("Change", "Home", new { Lang = "da"})"> 
                <img src="@Url.Content("~/Images/icon_uk.png")" /> 
               </a> 
              </li> 
             </ul> 

            </div> 

           </div> 

Umut ben bu

.nav-pills.ddmenu > li{ 
    width: 100%; 
} 

ile ve açılır menüden bunu çözmüş

.nav-pills > li > .dropdown-menu{ 
    height:auto; 
    width:98%; 
}