现在位置：
> 详细内容
Bootstrap 下拉菜单（Dropdowns）
如需使用下列菜单，只需要在 class&.dropdown&内加上下拉菜单即可。下面的实例演示了基本的下拉菜单：
&!DOCTYPE html&
实例 - 下拉菜单（Dropdowns）
href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"
src="/scripts/jquery.min.js"
src="/bootstrap/js/bootstrap.min.js"
class="dropdown"
type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" 主题
class="caret"
class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"
role="presentation"
role="menuitem" tabindex="-1" href="#"Java
role="presentation"
role="menuitem" tabindex="-1" href="#"数据挖掘
role="presentation"
role="menuitem" tabindex="-1" href="#" 数据通信/网络
role="presentation" class="divider"
role="presentation"
role="menuitem" tabindex="-1" href="#"分离的链接
结果如下所示：
通过向&.dropdown-menu&添加 class&.pull-right&来向右对齐下拉菜单。下面的实例演示了这点：
&!DOCTYPE html&
实例 - 向右对齐下拉菜单
href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"
src="/scripts/jquery.min.js"
src="/bootstrap/js/bootstrap.min.js"
class="dropdown"
type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"主题
class="caret"
class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1"
role="presentation"
role="menuitem" tabindex="-1" href="#"Java
role="presentation"
role="menuitem" tabindex="-1" href="#"数据挖掘
role="presentation"
role="menuitem" tabindex="-1" href="#" 数据通信/网络
role="presentation" class="divider"
role="presentation"
role="menuitem" tabindex="-1" href="#"分离的链接
结果如下所示：
您可以使用 class&dropdown-header&向下拉菜单的标签区域添加标题。下面的实例演示了这点：
&!DOCTYPE html&
实例 - 下拉菜单标题
href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"
src="/scripts/jquery.min.js"
src="/bootstrap/js/bootstrap.min.js"
class="dropdown"
type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" 主题
class="caret"
class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"
role="presentation" class="dropdown-header"下拉菜单标题
role="presentation"
role="menuitem" tabindex="-1" href="#"Java
role="presentation"
role="menuitem" tabindex="-1" href="#"数据挖掘
role="presentation"
role="menuitem" tabindex="-1" href="#" 数据通信/网络
role="presentation" class="divider"
role="presentation" class="dropdown-header"下拉菜单标题
role="presentation"
role="menuitem" tabindex="-1" href="#"分离的链接
结果如下所示：
Copyright 2016 (C) w3c教程点击选中了，它不会更改到上面去吗？不会吧“Tutorials”替换成“MySQL”吗？
你这个是下拉按钮组，不是下拉列表。但是 bt 的下拉列表也是有显示问题的，另作吧。
已有帐号？
无法登录？
社交帐号登录您目前使用的浏览器该进博物馆啦~~~
为了更佳的浏览体验，请使用现代浏览器访问本站
Outdated Browser
您的浏览器已禁用 Javascript，启用它获得更好的体验。
Outdated Browser
这是为桌面用户准备的工具，但您可以安心在这里浏览
46.5% 的互联网用户在使用 此款浏览器
GOOGLE CHROME
支持如下操作系统
16.5% 的互联网用户在使用 此款浏览器
MOZILLA FIREFOX
支持如下操作系统
21.6% 的互联网用户在使用 此款浏览器
INTERNET EXPLORER
支持如下操作系统
10.3% 的互联网用户在使用 此款浏览器
APPLE SAFARI
支持如下操作系统
1.5% 的互联网用户在使用 此款浏览器
支持如下操作系统
冷静 这是为桌面用户提供的不是为手机用户提供的}