您的位置:主页 > 新闻资讯 > 网站设计 >
实例 -响应式网站的导航栏
发表日期:2020-03-19 16:35   文章编辑:boroad    浏览次数:
 


代码如下:

<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid"> 
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">博路网络教程</a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">iOS</a></li>
<li><a href="#">SVN</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Java <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 class="divider"></li>
<li><a href="#">宜兴企业网站</a></li>
<li class="divider"></li>
<li><a href="#">宜兴小程序</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
标签:    
如没特殊注明,文章均为博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2020/0319/250.html