bootstrap的tab怎么使用

2025-04-15 07:22:27
推荐回答(1个)
回答1:

使用bootstrap的js设置tab,增加tab的显示效果:
代码如下:

1
2
3
4
5
6
7
8

class="nav
nav-tabs">
class="active">
href="#home"
data-toggle="tab">Home
href="#profile" data-toggle="tab">Profile
href="#messages" data-toggle="tab">Messages
href="#settings" data-toggle="tab">Settings

通过设置ul的类属性为“nav nav-tabs”, 并在li中添加属性data-toggle="tab"。