本文主要是介绍bootstrap 4-标签页制作和弹出框(模态框)制作,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、标签页(Tabs)
标签页是一个经常使用的组件,可以放置较多的内容,又可以节省页面空间。
如下:
无需写任何JavaScript代码,只需要简单的为页面元素指定data-toggle="tab",为url添加nav和nav-tab class
案例代码:
<!--标签-->
<ul class="nav nav-tabs" role="tablist"><li class="active"><a href="tab-chrome" role="tab" data-toggle="tab">Chrome</a></li><li><a href="#tab-firefox" role="tab" data-toggle="tab">Firefox</a></li><li><a href="#tab-safari" role="tab" data-toggle="tab"
这篇关于bootstrap 4-标签页制作和弹出框(模态框)制作的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!