<!-- 头部 -->
<!-- navbar-inverse——指定导航条组件为黑色主题 -->
<nav class="navbar navbar-inverse">
<!-- container-fluid全局 -->
<div class="container-fluid">
<div class="navbar-header">
<!-- 响应式按钮 -->
<!-- data-target触发模态弹出窗元素 -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<!-- icon-bar 横线 -->
</button>
<a class="navbar-brand" href="#">天云社区</a>
</div>
<!-- 折叠（Collapse）插件可以很容易地让页面区域折叠起来 -->
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav " style="margin-left: 30vw;">
<!-- <li><a href="index.html">首页</a></li>
<li><a href="article.html">好文</a></li> -->
<li class="nav-item" >
<a href="#" class="nav-link" >首页</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">攻略</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">视频</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">图片</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">活动</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">讨论</a>
</li>
</ul>
<ul class="nav navbar-nav " style="margin-left:30vw;" >
<!-- <li><a href="index.html">首页</a></li>
<li><a href="article.html">好文</a></li> -->
<li class="nav-item" >
<a href="#" class="nav-link" >登录</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">注册</a>
</li>
</ul>
</div>
</div>
</nav>
bootstrap3导航栏
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 这一章导航条占绝大部分，学习bootstrap还是要看官方文档，或者翻译过来的文档， 请看下面连接： codepe...
