1.Bootstrap 导航栏 1.1默认的导航栏 创建一个默认的导航栏的步骤如下： 向 <nav> 标签添加 class .navbar、.navbar-default。 向上面的元素添加 role="navigation"，有助于增加可访问性。 向 <div> 元素添加一个标题 class .n ...
分类：
其他好文 时间：
2017-07-09 19:35:21
阅读次数：
210
[1]基础导航条 [2]导航条部件 [3]导航条位置 [4]响应式导航条 [5]反色导航条 ...
分类：
其他好文 时间：
2017-07-03 23:51:55
阅读次数：
245
[1]基础样式 [2]选项卡 [3]胶囊导航 [4]自适应导航 [5]二级导航 [6]面包屑导航 ...
分类：
其他好文 时间：
2017-07-03 19:12:26
阅读次数：
206
直接上代码和效果图： 电脑端效果： 移动端效果： ...
分类：
其他好文 时间：
2017-06-20 18:04:34
阅读次数：
147
【Bootstrap 导航栏】 NavBar是对Nav的包含。在Nav之外还做以下内容： 1、根为 <nav class="navbar navbar-default"> 2、在Nav前添加头 <div class="navbar-header"> <a class="navbar-brand"> ...
分类：
其他好文 时间：
2017-06-01 13:17:34
阅读次数：
131
【Bootstrap 导航元素】 1、基本的导航元素：标签导航。基于ul、li而来，给ul添加 class="nav nav-tabs" 即可。选中的li添加 class="active"即可。 2、用 class .nav-pills 代替 .nav-tabs 即可应用胶囊样式 3、给li添加 c ...
分类：
其他好文 时间：
2017-06-01 12:05:49
阅读次数：
188
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>导航条中的按钮、文本和链接</title>
<!--最新版本的Bootstrap核心CSS文件-..
分类：
其他好文 时间：
2017-05-25 21:55:08
阅读次数：
143
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>导航条状态及二级菜单</title>
<!--最新版本的Bootstrap核心CSS文件-->
..
分类：
其他好文 时间：
2017-05-25 14:45:13
阅读次数：
111
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>导航（垂直分组）</title>
<!--最新版本的Bootstrap核心CSS文件-->
<..
分类：
其他好文 时间：
2017-05-24 22:47:49
阅读次数：
248
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>导航加下拉菜单（二级导航）</title>
<!--最新版本的Bootstrap核心CSS文件-..
分类：
其他好文 时间：
2017-05-24 22:42:35
阅读次数：
241
