Asp.net mvc 如何使导航药丸像导航条一样折叠
我有一个导航菜单,当它折叠时,它是水平的。我想要一个菜单,比如折叠时的导航栏。我在互联网上搜索过,唯一的解决方案就是修改菜单,我认为这不是最好的解决方案Asp.net mvc 如何使导航药丸像导航条一样折叠,asp.net-mvc,twitter-bootstrap-3,Asp.net Mvc,Twitter Bootstrap 3,我有一个导航菜单,当它折叠时,它是水平的。我想要一个菜单,比如折叠时的导航栏。我在互联网上搜索过,唯一的解决方案就是修改菜单,我认为这不是最好的解决方案 <div class="navbar"> <button type="button" class="navbar-toggle btn btn-navbar-highlight btn-larg
<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>
航行
- @Html.ActionLink(“主页”、“索引”、“主页”)
-
- @ActionLink(“Medicin”、“Medicin”、“Home”)
- @ActionLink(“Køl/Varme/Frost”、“temperaturekontrolleret”、“Home”)
- @行动链接(“ADR”、“ADR”、“主页”)
- @ActionLink(“Express”、“Express”、“Home”)
- @ActionLink(“Flytninger”、“Flytninger”、“Home”)
- @ActionLink(“SLV”、“SLV”、“Home”)
- @ActionLink(“Dyr”、“Dyr”、“Home”)
- @行动链接(“Håndvåben”、“武器”、“家”)
- @ActionLink(“英格兰图尔/雷图尔”、“塔塔尔”、“家”)
- @Html.ActionLink(“Priser”、“Priser”、“Home”)
- @Html.ActionLink(“Nyheder”、“Nyheder”、“Home”)
- @Html.ActionLink(“Kontakt”、“Kontakt”、“Home”)
- @Html.ActionLink(“作业”、“Vognmand”、“主页”)
-
希望有人能帮我解决这个问题我用这个解决了
.nav-pills.ddmenu > li{
width: 100%;
}
和在下拉菜单中
.nav-pills > li > .dropdown-menu{
height:auto;
width:98%;
}
我已经试过了,但soloution不够好