📜  Bootstrap-按钮下拉菜单

📅  最后修改于: 2020-10-27 06:07:45             🧑  作者: Mango


 

本章将讨论如何使用Bootstrap类将下拉菜单添加到按钮。要向按钮添加下拉菜单,只需将按钮和下拉菜单包装在.btn-group中。您还可以使用 来指示该按钮是下拉菜单。

以下示例演示了基本的单按钮下拉列表-

拆分按钮下拉菜单

“拆分”按钮下拉菜单使用与下拉按钮相同的常规样式,但在下拉菜单中添加了主要操作。拆分按钮的左侧为主要操作,右侧为显示下拉菜单的切换开关。

按钮下拉大小

您可以将下拉菜单与任何大小的按钮一起使用-.btn-large,.btn-sm.btn-xs

下拉变化

也可以将菜单构建为下拉菜单,而不是下拉菜单。为此,只需将.dropup添加到父.btn-group容器中。