Bootstrap如何应用标签页

2024-10-13 08:24:46

1、首先是在我们的VS中的html页面中导入bootstrap的相关样式文件,如下图所示

Bootstrap如何应用标签页

3、接下来我们看一下如何让某个tab页卡处于选中状态,如下图所示,只需要给其设置active样式即可

Bootstrap如何应用标签页

5、接下来如果你想给tab换一种表现样式,只需要替换为nav-pills样式即可,如下图所示

Bootstrap如何应用标签页

7、综上所述,Bootstrap中运用tab页卡只需要运用tab以及tab-content样式即可,是不是很简单啊

猜你喜欢