bootstrap历练实例：标签式的导航菜单
本章将讲解bootstrap提供的用于定义导航元素的一些选项，它使用相同的标签和基类.nav。Bootsrtap也提供了一个用于共享标记和状态的帮助器类。改变修饰的class,可以在不同的样式间进行切换。
表格导航或标签
创建一个标签式的导航菜单
1、以一个带有class.nav类无序列表开始。
2、添加class.nav-tabs类。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>bootstrap历练实例：标签式的导航菜单</title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a href="#">Html5</a></li>
<li><a href="#">Css3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">jQueryUI</a></li>
<li><a href="#">Bootstrap</a></li>
<li><a href="#">C#.Net</a></li>
<li><a href="#">MsSql</a></li>
</ul>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- git与github使用
- SDOI 2016 生成魔咒
- TCP的拥塞控制
- Oracle创建主外键
- iOS学习之C语言循环结构
- jquery动态插入行
- hdu 4908 BestCoder Sequence
- 用Linux命令行实现删除和复制指定类型的文件
- [Tjoi 2013]松鼠聚会
- 电脑开机失败提示"用户配置文件服务登录失败"的三种解决办法
- Dotnet全平台下APM-Trace探索
- Newtonsoft.Json 概述
- Linux DTS(Device Tree Source)设备树详解之二(dts匹配及发挥作用的流程篇)【转】
- 奇妙的数字-2015省赛C语言A组第三题
- WordPress基础：get_page_link获取页面地址
- git查看指令
- 拉取远程仓库到本地错误The authenticity of host 'github.com (13.229.188.59)' can't be established.
- C语言中 指针的基础知识总结, 指针数组的理解
- 20-调用百度AI的文字识别
- maven项目在idea下右键不出现maven的解决办法