使用下拉菜单（Dropdown）插件，能够向不论什么组件（比方导航栏、标签页、胶囊式导航菜单、button等）加入下拉菜单。 假设想要单独引用该插件的功能，那么须要引用 dropdown.js。或者能够引入bootstrap.js或压缩版的bootstrap.min.js。 使用方法： 通过 dat ...
分类：
其他好文 时间：
2017-06-24 13:16:28
阅读次数：
156
关于导航 首先说明一点，在Bootstrap中的导航组件都依赖于同一个.nav类，状态类是共用的，下面添加的nav样式都是基于 .nav的基类上添加的 1，导航样式 导航样式代码如下： 标签页： .nav-tabs 标签页是下面这种效果： 胶囊式标签： .nav-pills 胶囊式标签是下面这种效果 ...
分类：
其他好文 时间：
2017-05-13 00:32:02
阅读次数：
185
.nav——指定列表元素为导航组件。 .nav-tabs——指定导航组件的样式为标签页； .nav-pills——指定导航组件的样式为胶囊式标签页； .nav-stacked——指定标签页的样式为垂直堆叠排列； .nav-justified——指定标签页的样式为两端对齐； .disabled——设置 ...
分类：
其他好文 时间：
2017-04-23 22:23:05
阅读次数：
183
说明使用.nav-pills类实现胶囊式标签页示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1"&..
分类：
其他好文 时间：
2017-02-15 19:47:20
阅读次数：
176
说明带下拉菜单的标签页示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<!--上..
分类：
其他好文 时间：
2017-02-15 19:46:38
阅读次数：
176
说明通过.nav-stacked类,实现垂直方向堆叠排列的胶囊标签页示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-widt..
分类：
其他好文 时间：
2017-02-15 19:46:03
阅读次数：
294
说明胶囊式导航内使用徽章示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<!--..
分类：
其他好文 时间：
2017-02-15 19:37:51
阅读次数：
238
从网上找到了一个胶囊式的导航菜单，但是运行之后发现，并不能实现切换的功能（选中另一个菜单，上一个菜单的高亮背景取消，新选中的菜单高亮背景显示），是因为缺少js实现切换功能，现在小编告诉大家如何使用js实现菜单切换。原胶囊式菜单地址：http://www.ziqiangxuetang.com..
分类：
其他好文 时间：
2016-11-25 14:34:02
阅读次数：
209
1. 标签页 .nav添加.nav-tabs设计标签页，.nav-tabs 依赖 .nav 基类。 1.1 示例代码 1.2 示例效果 2. 胶囊式标签页 .nav添加.nav-pills设计胶囊式标签页 2.1 示例代码 2.2 示例效果 3. 胶囊式标签页垂直排列 在<ul class="nav ...
分类：
其他好文 时间：
2016-09-07 01:28:53
阅读次数：
146
摘要：主要是关于bootstrap中导航元素和导航栏的内容。 1.导航元素 bootstrap提供的导航元素使用相同的基类.nav。根据类的不同，可以创建两种不同类型的导航：表格导航菜单（标签式导航菜单 .nav-tabs）和胶囊式导航菜单(.nav-pills)。其中胶囊式导航菜单包括基本的胶囊式 ...
分类：
其他好文 时间：
2016-08-29 19:34:36
阅读次数：
304
