之前通过组件只是简单的学习过这样的。<ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li></ul>当然效果就是这样,只是默认的激活了第一个标签 Home,然后不能点击。
bootstrap滚动标签页
标签页(Tab)在 Bootstrap 导航元素 一章中介绍过。通过结合一些 data 属性,您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。
bootstrap section 标签页与菜单使用方法演示
实例演示了bootstrap 标签页下拉菜单
Bootstrap 标签页(Tab)插件事件用法实例,实例演示了标签页(Tab)插件事件的用法。在本实例中,将显示当前和前一个访问过的标签页
下面的实例演示了标签页(Tab)插件方法 .tab 的用法。在本实例中,第二个标签页 iOS 是激活的
实例演示了使用 data 属性的标签页(Tab)插件及其淡入淡出的效果
关注时代Java