下拉菜单有多种实现方式，包括编写CSS代码、利用layui和利用bootstrap插件
在使用bootstrap插件的前提下，可以在dropdown中包含下拉列表按钮和下拉菜单，也可以单独声明position:relative元素，以便从a或button中调用下拉菜单任何btn按钮都可以更改为下拉框
按钮与下拉菜单密切相关。 让我们看看如何用按钮显示下拉框。
)1)单按钮下拉菜单)利用两个button元素制作下拉菜单
)2)拆分按钮下拉菜单)使用与单个按钮下拉菜单相似的标记创建拆分下拉菜单。 dropdowm-toggle-split插入请注意，将在下拉选项中以适当的间隔处理此符号。 使用此附加的class样式将插入符号两侧的水平对齐减少25%，并删除了添加到默认下拉菜单中的边距
下拉菜单除了可以向下展开外，还可以向上展开，可以向右展开，也可以向左展开
通常，下拉菜单会自动放置在距离上方和左侧父级100%的位置，通过将dropdown-menu-right添加到dropdown-menu的右侧，可以轻松地对齐下拉菜单
介绍了下拉菜单的下拉展开，但没有提到菜单标题。 这里说是在任何下拉菜单的操作部分添加标题，但实际上非常简单，只需使用一个标题标签就可以了
最后，还要注意菜单分隔符和分割线问题。 使用分隔符拆分相关列表项会产生分组和分隔线效果。 例如，使用dropdown-divider分隔符