` com a classe `dropdown`.
4. Dentro deste contêiner, crie uma lista não ordenada `
` com a classe `dropdown-menu`. Este será o conteúdo do menu suspenso.
5. Adicione os itens do menu suspenso como ` - ` elementos dentro de `
`. Cada ` - ` pode conter links ou outros elementos.
6. Opcionalmente, você pode adicionar classes `active`, `disabled` ou `dropdown-divider` aos itens suspensos individuais, conforme necessário.
7. Para alinhar o menu suspenso à esquerda ou à direita, adicione a classe `dropdown-menu-lg-end` ao elemento ``.
Exemplo:
HTML:
```
```
CSS (opcional, apenas para centralização):
```
.menu suspenso {
margem:0 automático;
}
```
Este código criará um botão suspenso que alterna um menu suspenso com três itens quando clicado. O menu suspenso aparecerá abaixo do botão e será alinhado ao centro.