Bootstrap如何制作下拉菜单？
- 将下拉菜单包裹在
class="dropdown"的<div>中； - 在触发下拉菜单的按钮中添加：
class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" - 在包裹下拉菜单的ul中添加：
class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" - 在下拉菜单的列表项中添加：
role="presentation"。其中，下拉菜单的标题要添加class="dropdown-header"，选项部分要添加tabindex="-1"。
正确，您提供的步骤是制作下拉菜单的基本步骤。下面是一个示例代码：
<div class="dropdown">
<button class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
下拉菜单
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">选项1</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">选项2</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">选项3</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation" class="dropdown-header">标题</li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">选项4</a></li>
</ul>
</div>
这是一个简单的下拉菜单示例，当点击按钮时，下拉菜单会展开显示选项。您可以根据自己的需求修改按钮文本、菜单项内容和样式。
THE END
暂无评论内容