网站地图    收藏   

主页 > 前端 > css教程 >

bootstrap 之tab页面的使用 - html/css语言栏目:htm

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] bootstrap使用tab控件,是基于ul和li的,只需要把对应的类设置就好了,上代码: ul id=tab class=nav nav-tabs li class=activea href=#home data-toggle=tab首页......

bootstrap使用tab控件,是基于<ul>和<li>的,只需要把对应的类设置就好了,上代码:


 

 <ul id="tab" class="nav nav-tabs"> 
        <li class="active"><a href="#home" data-toggle="tab">首页</a></li> 
        <li><a href="#news" data-toggle="tab">资讯</a></li> 
        <li><a href="#blog" data-toggle="tab">博客</a></li> 
</ul> 

<ul id="tab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">首页</a></li>
        <li><a href="#news" data-toggle="tab">资讯</a></li>
        <li><a href="#blog" data-toggle="tab">博客</a></li>
</ul>

是不是很开心?就那么简单

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论