在Bootstrap 4.5中设置下拉项的活动外观

在Bootstrap 4.5中，可以使用以下类来设置下拉项的活动外观：

active类：通过为下拉项添加active类，可以使其在被选中时呈现活动状态。例如：

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item active" href="#">选项1</a>
    <a class="dropdown-item" href="#">选项2</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

在上述示例中，选项1将以活动状态显示。

disabled类：通过为下拉项添加disabled类，可以使其在禁用状态下呈现。例如：

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">选项1</a>
    <a class="dropdown-item disabled" href="#">选项2（禁用）</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

在上述示例中，选项2将以禁用状态显示。

dropdown-header类：通过为下拉项添加dropdown-header类，可以创建一个用于分组的标题。例如：

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <h6 class="dropdown-header">分组标题</h6>
    <a class="dropdown-item" href="#">选项1</a>
    <a class="dropdown-item" href="#">选项2</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

在上述示例中，分组标题将以特殊样式显示。

这些类可以帮助你在Bootstrap 4.5中设置下拉项的活动外观。更多关于Bootstrap的信息和使用方法，你可以参考腾讯云的Bootstrap产品文档：Bootstrap 产品文档。