当前位置:编程学习 > html/css >>

bootstrap 之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>

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

 

补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,