wie Nav-Pillen zusammenbrechen wie Navbar

Question

Ich habe ein Nav-Pillen-Menü, und wenn es zusammenbrechen ist es horizontal. Ich möchte ein Menü wie die Navbar, wenn es zusammenbricht. Ich habe das Internet gesucht, die einzige Lösung war es, Menüs zu machen und ich glaube nicht, dass das die beste Lösung ist.

       <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> 

Hoffnung jemand mir mit diesem soloution

Answer 1

helfen könnte, ich löste es mit diesem einen

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

und in Drop-Down-Menü

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