Bootstrap下拉菜单

首先我们应该明白：下拉菜单是由：按钮、下拉图标和无序列表组成。

下拉菜单触发器和下拉菜单都包含在  .dropdown中。

在button标签中，用到的属性有        class="btn btn-default dropdown-toggle"     type="button" 

                id="dropdownMenu1"         data-toggle="dropdown"         aria-haspopup="true" 

                aria-expanded="true"

在span标签中，用到的属性值有         class = "caret"

无序列表<ul>元素                

                <ul> 标签定义无序列表 

注:若想使按钮左、右对齐可以分别用dropdown-menu-right使其右对齐，用dropdown-menu-left左对齐。

有序列表<ol>元素

                <ol> 标签定义有序列表

                 ol常用的属性有  start   ：  表示有序列表的起始值。

                 ol常用的属性有  type   ：   规定在列表中使用的标记类型。

<li>元素

                 <li> 标签定义列表项目。

                <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

分列式按钮下拉菜单

                分裂式按钮要改变一些标记，要将<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">加粗的true改变为flase。

                再加上<span class="sr-only">Toggle Dropdown</span>。