<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- 导航头-->
<div class="navbar-header">
<!--设置手机按钮(小屏幕时候会出现) 设置logo-->
<button class="navbar-toggle " data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--轻轻松松做一个logo-->
<a href="#" class="navbar-brand">建业百卉</a>
</div>
<!--设置普通导航元素-->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<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>
</div>
</div>
</nav>
02BootStrap写一个导航栏
最新推荐文章于 2024-04-20 12:00:51 发布