Jetons un coup d'œil aux rendus en premier:
Code:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> Box pop-up de transition animée </netdna.bootstrapcdn.com/bootstrap/3 <style> Body {margin: 30px; padding: 30px;} </ style> </ head> <body> <bouton type = "Button"> cliquez moi </ bouton> <div id = "Mymodal"> <div> <div> <div> <Button Type = "Button" Data-Dismiss = <pank " <h4> title popt-up </h4> </ div> <v> <p> contenu corporel popt-up </p> </div> <div> <Button type = "Button" Data-Dismiss = "Modal"> Fermer </ Button> </div> </div> <! - /. À la fin du document pour rendre la page de chargement plus rapidement -> <! - Si vous souhaitez utiliser le plugin JS de Bootstrap, vous devez d'abord appeler jQuery -> <script src = "http://libs.baidu.com/jquery/1.9.0/jquery.min.js"> </ / Script> <! src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </cript> <cript> $ (function () {$ (". btn"). Click (function () {$ ("# mymodal"). modal ("togle");}); }); </cript> </ body> </html>Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.