navbarのようにnav-pillsが崩壊する方法

Question

nav-pillsメニューを持っていて、それが崩壊すると水平です。折りたたみ時にはナビバーのようなメニューが好きです。私はインターネットを検索しているが、唯一の解決策はメニューを作ることだったし、それが最高の解決策だとは思わない。

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

ホープ誰かがこのsoloution

Answer 1

で私を助けることができる私はこの1つ

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

でそれを解決し、ドロップダウンメニューの[の

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