5.4 选项卡
选项卡是许多CS应用里存在的组件,但是HTML是没有这个组件的,为了丰富页面,我们可以用JavaScript和CSS来实现。
bootstrap提供了这个组件,我们只需要使用几个类,就可以方便地使用它了,不需要写一行JavaScript代码。
选项卡分两部分:
1.导航,用ul实现,也就是上面有几个卡页
2.内容,用div实现,使用tab-content类,而内部的每个卡页的内容,则是使用tab-pane的div来容纳
不像前面的轮播图,导航和内容属于兄弟关系,都在同一个父亲容器之下,没有从属关系。
bootstrap提供了这个组件,我们只需要使用几个类,就可以方便地使用它了,不需要写一行JavaScript代码。
选项卡分两部分:
1.导航,用ul实现,也就是上面有几个卡页
2.内容,用div实现,使用tab-content类,而内部的每个卡页的内容,则是使用tab-pane的div来容纳
不像前面的轮播图,导航和内容属于兄弟关系,都在同一个父亲容器之下,没有从属关系。