bootstrap 之tab页面的使用

当前位置 : 首页 > 网页制作 > CSS > bootstrap 之tab页面的使用

bootstrap 之tab页面的使用

来源: 作者: 时间:2016-01-29 09:12
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>

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

 

Tag:
网友评论

<