Bootstrap Usuń Modal potwierdzenia
Bootstrap to lubiany front-end framework, który upraszcza projektowanie i opracowanie aplikacji internetowych. Mówiąc dokładniej, Modal potwierdzenia Usuń jest przydatną funkcją dostarczoną przez Bootstrap. Można go użyć do monitowania użytkownika do potwierdzenia przed faktycznym usunięciem czegoś. Jest to dobry sposób na uniknięcie przypadkowych usunięć i uświadomienie użytkownika konsekwencji swoich działań.
W tym zapisie opisuje sposób utworzenia modalnego potwierdzenia Usuń w bootstrapie.
Jak utworzyć modalny sposób potwierdzenia Bootstrap?
Aby utworzyć modalne potwierdzenie Usuń w Bootstrap, wypróbuj podane instrukcje:
- Najpierw utwórz przycisk, który uwolni okno modalne. „„cel„Atrybut ma przypisany wartość„#Deletemodal”Co wskazuje na identyfikator modelu.
- Następnie utwórz modal za pomocą „modalny" I "znikać„Zajęcia.
- „„Modal-Dialog„Klasa tworzy okno dialogowe.
- Następnie dodaj „Modalny kontent„Klasa, aby określić treść w oknie modalnym. W tej klasie, w tym klasa „Modalny nagłówek".
- „„Modalny nagłówek”Tworzy nagłówek modalnego okna. Zawiera tytuł i przycisk zamknięcia.
- Następnie utwórz sekcję ciała, określając klasę jako „-ciało modalne". Obejmuje notatkę, która pojawi się w oknie dialogowym.
- Na koniec utwórz stopkę modalną, dodając „stóp modalny" klasa. Ta stopka zawiera również dwa przyciski.
Oto kod HTML omawianego scenariusza:
Tytuł modalny
Czy na pewno chcesz usunąć?
Można zaobserwować, że pomyślnie stworzyliśmy modal potwierdzenia Bootstrap:
W ten sposób możesz utworzyć modal Usuń za pomocą Bootstrap.
Wniosek
Aby utworzyć modal Usuń potwierdzenie, najpierw utwórz przycisk za pomocą klas ”Btn", I "Niebezpieczeństwo BTN”Klasy, które wyzwalają modalne okno i dodają atrybut„cel”Z wartością„ id ”modelu. Następnie utwórz okno modalne za pomocą „modalny”Klasa i id. Następnie określ zawartość modelu za pomocą „Modalny kontent”,„Modalny nagłówek”,„-ciało modalne", I "stóp modalny„Zajęcia. Ten zapis pokazał, jak utworzyć modalny potwierdzenie Usuń w bootstrapie.