Menu suspenso básico
Um menu suspenso é um menu alternável que permite ao usuário escolher um valor de uma lista predefinida
Divisor suspenso
O
.dropdown-divisor classe é usada para separar links dentro do menu suspenso com uma borda horizontal fina
Cabeçalho suspenso
O
.dropdown-header classe é usada para adicionar cabeçalhos dentro do menu suspenso
Desativar e ativar itens
O
.dropdown-header classe é usada para adicionar cabeçalhos dentro do menu suspenso
Alinhar à direita
Para alinhar o menu suspenso à direita, adicione o
.dropdown-menu-end class para o elemento com .dropdown-menu
Drop-up
O
.dropup class faz com que o menu suspenso se expanda para cima em vez de para baixo
Direita
Acione menus suspensos à direita dos elementos adicionando
.gotejamento para o elemento pai
largar o início
Acione menus suspensos à direita dos elementos adicionando
.drop iniciar para o elemento pai
Menus suspensos de botões
Dimensionamento
Os menus suspensos de botões funcionam com botões de todos os tamanhos, incluindo botões suspensos padrão e divididos.
Estilo personalizado
Usar
.custom-dropdown essa aula para esse estilo