bootstrap Ostrzeżenie
Ten rozdział wyjaśni ostrzegawcze (alerty) oraz klasy Bootstrap przewidziana ostrzeżeń. Ostrzeżenie (alarmy), aby zapewnić użytkownikom taki sposób, aby zdefiniować styl wiadomość. Dostarczają one informacji zwrotnych kontekście jako typowych działań użytkownika.
Możesz dodać opcjonalny przycisk zamykania w polu ostrzegawczym. Aby utworzyć alert box odwołalnej inline użyć Warning wtyczki (Alarmy) jQuery .
Można utworzyć <div> i dodaćklasę .alert i cztery kontekstowe klasy (tj .alert-sukces .alert-info,.alert ostrzegania, .alert-niebezpieczeństwie) jednego, aby dodać podstawowym okno z ostrzeżeniem. Poniższy przykład ilustruje ten punkt:
Przykłady
<div class = "alert alert-success" > Sukces! Brawo kliknij. </ Div>
<div class = "alert alert-info" > informacji! Zwróć uwagę te informacje. </ Div>
<div class = "alert alert ostrzegawczy" > Uwaga! Proszę nie przesyłać. </ Div>
<div class = "alert alert-niebezpieczeństwo" > Błąd! Proszę wprowadzić pewne zmiany. </ Div>
Wyniki przedstawiają się następująco:
odwołalnej Ostrzeżenie (Alerty zwolnieniem)
Tworzenie odwołalnej ostrzeżenie (Oddalenie Alert) w następujący sposób:
- Tworząc <div> i dodaćklasę .alert i cztery kontekstowe klasy (tj .alert-sukces .alert-info,.alert ostrzegania, .alert-niebezpieczeństwie) jednej dodać podstawowy okno z ostrzeżeniem.
- Jednocześnie należy dodać opcjonalny.alert-dismissable do góry <div> Class.
- Dodaj przycisk zamykania.
Poniższy przykład ilustruje ten punkt:
Przykłady
<div class = "alert alert alert-success -dismissable">
<Przycisk type = "link" class = "close" danych oddalenie = "alert"
aria ukryte = "true">
& razy;
</ Button> Sukces! Brawo kliknij. </ Div>
<div class = "alert alert alert-info -dismissable">
<Przycisk type = "link" class = "close" danych oddalenie = "alert"
aria ukryte = "true">
& razy;
</ Button> informacje! Zwróć uwagę te informacje. </ Div>
<div class = "alert alert-ostrzegania -dismissable">
<Przycisk type = "link" class = "close" danych oddalenie = "alert"
aria ukryte = "true">
& razy;
</ Button> Uwaga! Proszę nie przesyłać. </ Div>
<div class = "alert alert alert-niebezpieczeństwo -dismissable">
<Przycisk type = "link" class = "close" danych oddalenie = "alert"
aria ukryte = "true">
& razy;
</ Button> Błąd! Proszę wprowadzić pewne zmiany. </ Div>
Należy używać <button> Element zdanymi-odrzucają = "alert"atrybutówdanych.
Spróbuj » Wyniki przedstawiają się następująco:
Ostrzeżenie (Alarmy) ogniwem
Aby utworzyć łącze w ostrzeżeniu (Alarmy) w następujący sposób:
- Tworząc <div> i dodaćklasę .alert i cztery kontekstowe klasy (tj .alert-sukces .alert-info,.alert ostrzegania, .alert-niebezpieczeństwie) jednej dodać podstawowy okno z ostrzeżeniem.
- Użyj.alert-Link klasy encji, aby szybko połączyć się z dopasowanymi kolorami.
Przykłady
<div class = "alert alert-success" >
<a href = "#" class = "alert-link"> Sukces! Brawo kliknij. </ A>
</ Div>
<div class = "alert alert-info" >
<a href = "#" class = "alert-link"> informacji! Zwróć uwagę te informacje. </ A>
</ Div>
<div class = "alert alert ostrzegawczy" >
<a href = "#" class = "alert-link"> Uwaga! Proszę nie przesyłać. </ A>
</ Div>
<div class = "alert alert-niebezpieczeństwo" >
<a href = "#" class = "alert-link"> Błąd! Proszę wprowadzić pewne zmiany. </ A>
</ Div>
Wyniki przedstawiają się następująco:
