HTML基本格式：
<div> <!--下拉主体-->
<button></button> <!--按钮-->
<ul> <!--列表主体-->
<li></li> <!--列表项-->
</ul>
</div>
========================================
下拉主体
基础类：
无
组合类：
.btn-group 水平下拉列表组（多个下拉合并）
.btn-group-vertical 垂直下拉列表组（多个下拉合并）
组合类：（列表项方向，单选）
.dropdown 展开列表（下）
.dropup 展开列表（上）
.dropstart 展开列表（左）
.dropend 展开列表（右）
========================================
按钮
注：
1.样式颜色使用“按钮类”
2.固定格式
基础类：
.dropdown-toggle 下拉箭头
组合类：
.dropdown-toggle-split 辅助样式
自定义：
data-bs-toggle="dropdown" 关联列表（单击时弹出列表项）
=========================================
列表主体
基本类：
.dropdown-menu
组合类：
.dropdown-menu-left 靠按钮左边（列表项显示位置，下展开有效）
.dropdown-menu-right 靠按钮右边（列表项显示位置，下展开有效）
=========================================
列表项
基础类：
.dropdown-item 基本样式
.dropdown-item-text 文本样式（保留<a>链接样式）
.dropdown-header 标题
.dropdown-divider 分割线
组合类：
.active 选中样式
.disabled 禁止样式
简单的下拉列表：
<div>
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉列表</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1</li>
<li class="dropdown-item">项2</li>
<li class="dropdown-item">项3</li>
</ul>
</div>
带分割线的：
<div>
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉列表</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1</li>
<li class="dropdown-item">项2</li>
<li class="dropdown-divider"></li>
<li class="dropdown-item">项3</li>
</ul>
</div>
列表项向上展开：
<div class="dropup">
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉列表</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1</li>
<li class="dropdown-item">项2</li>
<li class="dropdown-item">项3</li>
</ul>
</div>
水平--多个下拉列表：
<div class="btn-group"> <!--水平列表组-->
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉列表1</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1-1</li>
<li class="dropdown-item">项1-2</li>
<li class="dropdown-item">项1-3</li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉列表2</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项2-1</li>
<li class="dropdown-item">项2-2</li>
<li class="dropdown-item">项2-3</li>
</ul>
</div>
</div>
注：第2和第3个 btn-group 用于消除按钮相连处，出现的圆角
垂直--多个下拉，左右展开：
<div class="btn-group-vertical"> <!--垂直列表组-->
<div class="btn-group dropstart"> <!--dropstart 左展开-->
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">左展开</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1</li>
<li class="dropdown-item">项2</li>
<li class="dropdown-item">项3</li>
</ul>
</div>
<div class="btn-group dropend"> <!--dropend 右展开-->
<button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">左展开</button>
<ul class="dropdown-menu">
<li class="dropdown-item">项1</li>
<li class="dropdown-item">项2</li>
<li class="dropdown-item">项3</li>
</ul>
</div>
</div>
注：这里 btn-group 用于消除按钮相连处，出现的圆角
