<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 标签页(Tab)插件</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<ul id="myTab" class="nav nav-tabs">
<li class="active">
<a href="#culture" data-toggle="tab">
企业文化
</a>
</li>
<li>
<a href="#hornor" data-toggle="tab">资质荣誉</a>
</li>
<li>
<a href="#organize" data-toggle="tab">组织机构</a>
</li>
<li>
<a href="#propaganda" data-toggle = "tab">宣传视频</a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="culture">
<p>1</p>
</div>
<div class="tab-pane fade" id="hornor">
<p>2</p>
</div>
<div class="tab-pane fade" id="organize">
<p>3</p>
</div>
<div class="tab-pane fade" id="propaganda">
<p>4</p>
</div>
</div>
</body>
</html>
Bootstrap 实例 - 标签页(Tab)插件
最新推荐文章于 2023-07-24 22:12:02 发布