how to make nav-pills collapse like navbar - asp.net-mvc

Question

I have a nav-pills menu, and when it collapse it is horizontal. I would like a menu like the navbar when it is collapse. I have search the internet, the only soloution was to make to menus and I don´t think that is the best soloution.
<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">
Transport <b class="caret"></b>
<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>
Hope someone could help me with this soloution

Answer 1

I solved it with this one
.nav-pills.ddmenu > li{
width: 100%;
}
and in dropdown menu
.nav-pills > li > .dropdown-menu{
height:auto;
width:98%;
}