您现在的位置:首页 >> 前端 >> 内容

bootstrap 之tab页面的使用

时间:2013/8/24 13:47:57 点击:

  核心提示:bootstrap使用tab控件,是基于ul和li的,只需要把对应的类设置就好了,上代码: ul id=tab class=nav nav-tabs li class=activea href=#ho...

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>

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

 

Tags:BO OO OT TS 
作者:网络 来源:不详