Bootstrap标签Tabs
2024-08-29 04:36:02
<!--标签-->
<ul class="nav nav-tabs" role="tablist">
<li class="active">
<a href="#tab1" role="tab" data-toggle="tab">Tab1</a>
</li>
<li>
<a href="#tab2" role="tab" data-toggle="tab">Tab2</a>
</li>
</ul>
<!--标签内容-->
<div class="tab-content">
<div class="tab-pane active" id="tab1">
tab1内容
</div>
<div class="tab-pane" id="tab2">
tab2内容
</div>
</div>
指定某个tab打开,可以加jquery:
<script type="text/javascript">
$(document).ready(function(){
$('a[href="#tab2"]').tab('show')
});
</script>
详情:http://v3.bootcss.com/components/#nav-tabs
最新文章
- ssh整合问题总结--使用HibernateTemplate实现数据分页展示
- liMarquee演示12种不同的无缝滚动效果
- BZOJ2005 莫比乌斯反演
- 《Linux内核分析》第五周 扒开系统调用的三层皮(下)
- 151008:javascript不明白的地方
- 下载SRA文件
- SQL Server视图复习
- Ubuntu 14.04 部署 CEPH集群
- 使用 PHP 和 Apache Solr 实现企业搜索
- oracle 条件语句的写法
- [转载] 根据多年经验整理的《互联网MySQL开发规范》
- 转!!java中关键字volatile的作用
- IOS基础——IOS学习路线图(一)
- C++模拟Java“内部”类
- BZOJ 2806 cheat
- [转]ASP.NET MVC 入门6、TempData
- 异步调用backgroudworker
- Flink应用案例:How Trackunit leverages Flink to process real-time data from industrial IoT devices
- ps去掉图片上的文字
- 629D - Babaei and Birthday Cake