As mensagens de alerta são usadas principalmente para querer que o usuário final exiba informações como mensagens de aviso ou confirmação. Usando o plug -in de alerta, você pode adicionar um recurso cancelável a todas as mensagens da caixa de aviso.
Se você deseja fazer referência à funcionalidade do plug -in separadamente, precisará fazer referência ao alert.js. Ou, como mencionado no capítulo Visão geral do plug -in Bootstrap, você pode consultar o bootstrap.js ou versões compactadas do bootstrap.min.js.
1. Uso
Você pode permitir a função de demissão da caixa de aviso nas duas maneiras a seguir:
1. Através dos atributos de dados: adicione uma função cancelável através da API de dados (API de dados). Basta adicionar data-Dismiss = "Alert" ao botão Fechar, e a função de fechamento será adicionada automaticamente à caixa de aviso.
<a data-dismiss = "alert" href = "#" aria-hidden = "true"> × </a>
2. Através do JavaScript: Adicione funções canceladas através do JavaScript:
$ (". Alert"). Alert ()
2. Exemplos simples
A caixa de aviso é a caixa de informações para clicar em horas.
1. Exemplos básicos
<div> <button type = "button" data-dismiss = "alert"> <pan> × </span> </button> <p> Aviso: seu navegador não o suporta! </p> </div>
2. Adicione o efeito de desbotamento
<div>
Se o JavaScript for usado, poderá ser substituído por data-Dismiss = "Alert"
// Javascript Method $ ('. Close').Existem dois tipos de eventos no plug-in de alerta:
// eventos, outras semelhanças $ ('#alert'). On ('close.bs.alert', function () {alert ('chamado quando o método de fechamento é acionado!');});Esta série de tutoriais foi compilada em: Bootstrap Basic Tutorials Tópicos Especiais, bem -vindo ao clicar para aprender.
Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
O acima é tudo sobre este artigo. Espero que seja útil que todos aprendam o plug -in de bootstrap de aviso.