Eine kurze Analyse der Verwendung von Bootstrap -Modalboxen (klassisch)

Ein einfacher Überblick über das Bootstrap -Modalbox

Bootstrap -Modale werden mit einem benutzerdefinierten JQuery -Plugin erstellt. Es kann verwendet werden, um modale Windows zu erstellen, um die Benutzererfahrung zu bereichern, oder um dem Benutzer praktische Funktionen hinzuzufügen. Sie können Popover und Tooltip in Modals verwenden.

1. Das Dialogfeld „Bootstrap -Modal“ und einfache Verwendung

 div id = "MYMODAL"> <div> <button type = "button" data-dismiss = "modal"> x </button> <h3> WALK-Box-Titel </h3> </div> <p> WALK-KOBLE BOD BOD </P> </div> <div> <a href = "#"#"#"#"#"#"#"#"modal"> civiling </a/aa> <a href = "#"#"#"#"#"> kastristische "> cances </a/aa> <a href ="#"#"#"#"#"#"> civiling </a/aa> <a href = "#"#"#" modal "> civiling </Anf ="#"#"#"#"> civiling </Anl; Data-dismiss = "modal"> bestätigen </a> </div> </div>

Der modale Dialog kann direkt mit einer Schaltfläche oder einem Link aufgerufen werden. Dies ist die einfache Verwendung:

 <a href = "#modal1" rollen = "button" data-toggle = "modal"> Vertrags Zusatz </a>

Wenn Sie das Dialogfeld jedes Mal, wenn es geöffnet wird, das Dialogfeld wie folgt löschen müssen:

 $ ('#modal1'). modal ('hide'); // Löschen Sie nach dem Hinzufügen des Vertrags den Formularbetrieb

Der obige Inhalt ist die Verwendung von Bootstrap Modal Box, die Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie mehr aufregende Inhalte wissen möchten, achten Sie bitte auf die Website wulin.com!