站内搜索:
首页 >> 前端 >> 内容
bootstrap 之tab页面的使用

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

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>

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

 

  • 上一篇:CSS——float属性备忘笔记
  • 下一篇:如何设计好部落格的十个技巧
  • 返回顶部