Bootstrap基本插件学习笔记之标签切换(17)

Bootstrap基本插件学习笔记之标签切换(17)

Bootstrap可以很轻松就实现标签切换的效果。

0x01 样式1

基本样式：

我是首页我是首页我是首页我是首页我是首页我是首页

我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻

我是关于我是关于我是关于我是关于我是关于我是关于

效果如下：

添加 nav 和 nav-tabs 类到 ul 中，将会应用 Bootstrap 标签样式，添加 nav 和 nav-pills 类到 ul 中，将会应用 Bootstrap 胶囊式样式。

0x02 样式2

下面是带有下拉菜单的标签切换样式：

新 闻

网站首页网站首页网站首页网站首页网站首页网站首页网站首页网站首页

关于关于关于关于关于关于关于关于关于关于关于关于关于关于关于关于关于

体育体育体育体育体育体育体育体育体育体育体育体育体育体育体育体育体育

娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐娱乐

效果如下：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bhttp://ootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。