Echemos un vistazo a las representaciones primero:
Código:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> Box de emergencia de transición animada </title> <link rel = "stylesheet" href = "http://netdna.bootstrapcdn.com/bootstap/3.1.1/css/bootstrap.min.css" estilo-> <style> Body {margin: 30px; padding: 30px;} </ystye> </head> <body> <button type = "button"> haga clic en mí </botón> <Div id = "mymodal"> <div> <div> <div> <botón type = "botón" botón "data-dismiss =" modal "> <span hidden =" verdadero "verdadero"/español> <pan> span> <pan> span> <pan> span> <h4> Título de popt-up </h4> </div> <div> <p> contenido del cuerpo de popt-up </p> </div> <div> <button type = "botón" data-dismiss = "modal"> cerrar </boton> </div> </div> <!-/.modal-content->> </div> <!-/.modal-dialog-> </div> <! Al final del documento para que la página se cargue más rápido-> <!-Si desea usar el complemento JS de Bootstrap, primero debe llamar a jQuery-> <script src = "http://libs.baidu.com/jquery/1.9.0/jquery.min.js"> </script> <! Incluye todos los complementos JS para bootstrap o js plugins que se necesitan tal vez-<script que puede ser usado. src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> <script> $ (function () {$ (". Btn"). Click (function () {$ ("#mymodal"). Modal ("toggle");}); }); </script> </body> </html>Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.