Najlepszy samouczek Fundacja okno przypomnienia W 2024 r. W tym samouczku możesz dowiedzieć się
Filet okno przypomnienia,Zamknij okno przypomnienia,
Fundacja okno przypomnienia
Fundacja może być bardzo proste, aby utworzyć alert box:
Można użyć okna przypomnienia .alert-box
klasę utworzony, możesz dodać opcjonalne kategorie: .secondary
, .success
, .info
, .warning
lub .alert
:
Przykłady
<Div danych alert class = " alert-box">
Jest to domyślne okno alertu.
</ Div>
<Div class danych alert = " alert-box wtórne">
Jest to okno alertu drugorzędne.
</ Div>
<Div danych alert class = " Sukces alert-box">
<Strong> Sukces! </ Strong > To okno alertu wskazuje udanej lub pozytywnego działania.
</ Div>
<Div danych alert class = " Informacje alert-box">
<Strong> Informacje o! </ Strong > To okno alertu wskazuje neutralną zmianę informacyjny lub działania.
</ Div>
<Div danych alert class = " ostrzegawczyInformacyjny-box">
<Strong> Uwaga! </ Strong > To okno alertu oznacza ostrzeżenie, które mogą wymagać uwagi.
</ Div>
<Div danych alert class = " alert alert-box">
<Strong> Uwaga! </ Strong > To okno alertu wskazuje na niebezpieczną lub potencjalnie negatywnego działania.
</ Div>
Spróbuj » | Szerokość okna przypomnienia 100% z pojemnika. |
---|
Filet okno przypomnienia
.radius
i .round
klasa służy do dodawania zaokrąglonymi narożnikami powiadomienie okno:
Przykłady
<Div danych alert class = " Promień sukces alert-box">
<Strong> Sukces! </ Strong > Alert pole o promieniu.
</ Div>
<Div class danych alert = " Informacje alert box-round">
<Strong> Informacje o! </ Strong > Alarm box, który jest zaokrąglony.
</ Div>
Spróbuj »
Zamknij okno przypomnienia
Aby zamknąć okno alertu, można dodać przycisk lub na element łączący class="close"
kategorii i zainicjować Foundation JS:
Przykłady
<Div danych alert class = " alert-box">
Jest to domyślne okno alertu z zamknięciem funkcjonalności.
<A Href = "#" class = "close"> & razy; </ a>
</ Div>
<Script>
// Inicjalizacja Fundacja JS względem funkcjonalności
$ (Document) .ready (function () {
$ (Document) .foundation ();
})
</ Script>
Spróbuj » | & Times, (x) jest podmiotem postaci HTML reprezentuje bliską ikonę przycisku, a nie litera "x". |
---|