Schauen wir uns zuerst die Renderings an:
Code:
<! DocType html> <html> <kopf> <meta charset = "utf-8"> <title> Animierter Übergang Pop-up-Box </title> <link rel = "styleSheet" href = "http://netdna.bootStrapcdn.com/bootstrap/3.1.1.1/CSStrotStrap.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min. <Styl> body {margin: 30px; padding: 30px;} </style> </head> <body> <button type = "button"> klicken Sie auf mich </button> <div id = "myModal"> <div> <div> <div> <button type <h4> Popt-up-Titel </h4> </div> <pt-Popt-up-Körperinhalte </p> </div> <div> <button type = "button" data-dismiss = "modal"> close </button> </div> </div> <!-/.modal-content-> </div> <!-/.modal--> <!-/. Am Ende des Dokuments, damit die Seite schneller geladen wird-> <!-Wenn Sie das JS-Plugin von Bootstrap verwenden möchten, müssen Sie zuerst JQuery aufrufen-> <script src = "http://libs.baidu.com/jquery/1.9.0/jquery.min.js. src = "http://maxcdn.bootStrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> <script> $ (function () {$ (". Btn"). klicken (function () {$ ("#mymodal"). }); </script> </body> </html>Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.