通过向 .dropdown-menu 添加 .pull-right 类来向右对齐下拉菜单。 Bootstrap默认情况下，下拉菜单自动沿着父元素的上沿和左侧被定位为 100% 宽度。 为 .dropdown-menu 添加 .dropdown-menu-right 类可以让菜单右对齐。 ...

1.引用Bootstrap 　　示例引用的Bootstrap版本：v3.3.7 2.基本实例 2.1 示例代码 　　.dropdown：定义下拉菜单框 　　.dropdown-toggle：定义下拉菜单的触发元素 　　data-toggle ...

前面的话 　　网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项，Bootstrap默认提供了用于显示链接列表的可切换、有上下文的菜单。而且在各种交互状态下的菜单展示需要和javascript插件配合才能使用。本文将详细介绍Bootstrap下拉菜单 使用方法 　　在使用 ...

　　在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。而Bootstrap.js 是依赖jQuery库的。所以在引入 ...

　　在Bootstrap框架中的下拉菜单还提供了下拉分隔线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的<li>，并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能。 　　 ...

1. 基本实例 　　把按钮放入 .btn-group 中，加入适当的菜单标签，让按钮触发下拉菜单。 1.1 示例代码 1.2 示例效果 2. 分裂式按钮下拉菜单 2.1 示例代码 2.2 示例效果 3. 尺寸 　　在.btn元素上添加 ...

　　有些菜单是需要向上弹出的，比如说你的菜单在页面最底部，而这个菜单正好有一个下拉菜单，为了让用户有更好的体验，不得不让下拉菜单向上弹出。在Bootstrap框架中专门为这种效果提代了一个类名“dropup”。使用方法正如前面所示，只需要在“btn-group”上添加这个类名（当然，如果是 ...

只需为下拉菜单的任意 <li> 元素添加 .dropdown-submenu 的类，并在该 <li> 元素下添加 .dropdown-menu 类的列表，就可以为该菜单项添加一个子下拉菜单。如： <div class="dropdown"> <ul ...