boostrap实践小记-对导航条的改造
以下例子均是运行在如下的boostrape基本结构体里面:
响应式导航条
rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
制作导航(基础样式)需要如下几部:
第一步:首先在制作导航的列表(<ul class=”nav nav-tabs”> 当然nav-tabs是用来控制样式的我们可以选择比如nav-pills)
第二步:在列表里面添加自己的链接
第二步:在列表里面添加自己的链接
然后我们就可以看到类似下面的效果了:
我们现在升级,制作一个基础导航条,主要分以下几步:
第一步:首先在制作导航的列表(<ul cla