<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tab</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet"
type="text/css">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">tab</h1>
<!-- tabbable tabs-left -->
<!-- tabbable tabs-right -->
<div class="tabbable tabs-left">
<!-- Tags are stacked together and nav-stacked -->
<!-- Another design of the tag changes nav-tabs to nav-pills -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Wordpress</a></li>
<li><a href="#tab2" data-toggle="tab">Drupal</a></li>
<li><a href="#tab3" data-toggle="tab">Joomla</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1"><p>Wordpress，优雅的CMS</p></div>
<div class="tab-pane" id="tab2"><p>Drupal, a flexible and powerful CMS</p></div>
<div class="tab-pane" id="tab3"><p>Joomla，简单易用的CMS</p></div>
</div>
</div>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
Bootstrap Tab
tab-finish.html
Guess you like
Origin http://43.154.161.224:23101/article/api/json?id=326365466&siteId=291194637
Ranking