Components
Messages
Mensagem padrão
Aplique a classe message
ao elemento de texto.
Conteúdo da mensagem.
Conteúdo da mensagem.
Mensagem contextual
Adicione uma classe de apoio (exemplo: message-success
) para contextualizar melhor a mensagem.
Perfeito! Você acaba de ler com sucesso esta mensagem de alerta.
Opa! Esta mesagens requer atenção, mas não é mega importante.
Atenção! É bom ter cuidado com pois esta mensagem é importante.
Algo errado! Faça as alterações e envie novamente as informações.
Perfeito! Você acaba de ler com sucesso esta mensagem de alerta.Opa! Esta mesagens requer atenção, mas não é mega importante.Atenção! É bom ter cuidado com pois esta mensagem é importante.Algo errado! Faça as alterações e envie novamente as informações.
Mensagem com botão
É possível também incluir título e botão em uma mensagem dentro de um elemento message
.
Título da mensagem
Conteúdo da mensagem
Título da mensagem
Conteúdo da mensagem
Mensagem com botão de fechar
Para mostrar o botão de fechar, adicione a classe message-dismissible
à mensagem.
Conteúdo da mensagem.
Conteúdo da mensagem.