1.1 可切换导航栏
代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--网页编码的类型-->
<meta charset="utf-8">
<!--使用最新的支持H5浏览器内核来解析-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--
视口:在浏览器中一个虚拟的网页容器。参数:网页的宽度设置为设备的宽度 初始缩放比: 1:1
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签必须放在最前面,任何其他内容都必须跟随其后! -->
<title>Bootstrap的可切换导航栏</title>
<!-- 导入文件:bootstrap.css -->
<link href="../static/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#c" data-toggle="tab">
c语言
</a>
</li>
<li><a href="#java" data-toggle="tab">java</a></li>
<li class="dropdown">
<a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">其他类型语言<b class