Bootstrap框架之导航栏

2023-06-04 21:30•css•阅读 1274

<nav class="upnavbar navbar navbar-default navbar-static-top" role="navigation">

<div class="navbar-header">

<a class="navbar-brand" href="#">@ViewBag.Title</a>

</div>

<div>

<ul class="nav navbar-nav">

<li class="active"><a href="#">淘宝网</a></li>

<li><a href="#">天猫商城</a></li>

<li><a href="#">京东商城</a></li>

<li><a href="#">淘宝网</a></li>

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">

菜市场<b class="caret"></b>

</a>

<ul class="dropdown-menu">

<li><a href="#">菜摊一</a></li>

<li><a href="#">菜摊二</a></li>

<li><a href="#">菜摊三</a></li>

<li><a href="#">菜摊四</a></li>

<li><a href="#">菜摊五</a></li>

</ul>

</li>

</ul>

</div>

</nav>