Bootstrap Warning
Este capítulo irá explicar Aviso (Alertas) e classe Bootstrap previstos os avisos. Warning (Alerts) para fornecer aos usuários uma maneira de definir o estilo de mensagem. Eles fornecem feedback contexto, como as operações do usuário típicas.
Você pode adicionar um botão de fechamento opcional para a caixa de aviso. Para criar uma linha caixa de alerta revogável, use Aviso (Alertas) plugin jQuery .
Você pode criar um <div>, e adicionar umaclasse .alert e quatro contexto de classe (ou seja, .alert-sucesso, .alert-info,.alert-aviso, .alert-perigo) a acrescentar um caixa de aviso básica. O exemplo a seguir ilustra esse ponto:
Exemplos
<Div class = "alert alert-success" > Sucesso! Bem feito enviar. </ Div>
<Div class = "Alerta-info" > informações! Por favor note que este informações. </ Div>
<Div class = "Alerta de alerta" > Aviso! Por favor, não submeta. </ Div>
<Div class = "Alerta-perigo" > Erro! Por favor, fazer algumas mudanças. </ Div>
Os resultados são os seguintes:
revogável de aviso (Alertas de demissão)
Criar um aviso revogável (Alerta Demissão) como segue:
- Ao criar um <div>, e adicionar umaclasse .alert e quatro contexto de classe (ou seja, .alert-sucesso, .alert-info,.alert-aviso, .alert-perigo) a acrescentar um básica caixa de aviso.
- Ao mesmo tempo, adicionar o.alert-descartável ao topo <div> classe opcional.
- Adicionar um botão de fechamento.
O exemplo a seguir ilustra esse ponto:
Exemplos
<Div class = "alert alert-success alerta -dismissable">
<Button type = "button" class = "close" dados descartar = "alert"
aria escondida = "true">
& vezes;
</ Button> Sucesso! Bem feito enviar. </ Div>
<Div class = "Alerta-info alerta -dismissable">
<Button type = "button" class = "close" dados descartar = "alert"
aria escondida = "true">
& vezes;
</ Button> informação! Por favor note que este informações. </ Div>
<Div class = "alert-alerta de aviso de alerta -dismissable">
<Button type = "button" class = "close" dados descartar = "alert"
aria escondida = "true">
& vezes;
</ Button> Warning! Por favor, não submeta. </ Div>
<Div class = "Alerta-perigo alerta -dismissable">
<Button type = "button" class = "close" dados descartar = "alert"
aria escondida = "true">
& vezes;
</ Button> Erro! Por favor, fazer algumas mudanças. </ Div>
Certifique-se de usar <button> elementocom-descartam dados = "alerta"atributos dedados.
tente » Os resultados são os seguintes:
Aviso link (Alertas) em
Para criar um link no Aviso (Alertas) como segue:
- Ao criar um <div>, e adicionar umaclasse .alert e quatro contexto de classe (ou seja, .alert-sucesso, .alert-info,.alert-aviso, .alert-perigo) a acrescentar um básica caixa de aviso.
- Use classes de entidade.alert-link de forma rápida ligação com as cores correspondentes.
Exemplos
<Div class = "alert alert-success" >
<A href = "#" class = "alert-link"> Sucesso! Bem feito enviar. </ A>
</ Div>
<Div class = "Alerta-info" >
<A href = "#" class = "alert-link"> informações! Por favor note que este informações. </ A>
</ Div>
<Div class = "Alerta de alerta" >
<A href = "#" class = "alert-link"> Aviso! Por favor, não submeta. </ A>
</ Div>
<Div class = "Alerta-perigo" >
<A href = "#" class = "alert-link"> Erro! Por favor, fazer algumas mudanças. </ A>
</ Div>
Os resultados são os seguintes:
