먼저 렌더링을 살펴 보겠습니다.
암호:
<! docType html> <html> <head> <meta charset = "utf-8"> <title> 애니메이션 전환 팝업 박스 </title> <link rel = "stylesheet"href = "http://netdna.bootstrapcdn.com/bootstrap/3.1.1.1.1.1.csss/bootstrap.min.cssssssssssssssssssssssssssssstrap.min. <tyle> body {margin : 30px; padding : 30px;} </style> </head> <body> <body> <body <button type = "button"> 클릭 </button> <div id = "mymodal"> <div> <div> <div> <버튼 유형 = "button"data-disms = "modal"> <true "> </span> <close> </span> </span> <H4> 팝트 업 제목 </h4> </div> <div> <p> 팝트 업 신체 내용 </p> </div> <div> <버튼 유형 = "버튼"data-dismiss = "modal"> close </div> </div> <!-/.modal-content-> </div> <!-/.modal-dialog-> </. modal-dialog->-/. 문서의 끝에서 페이지를 더 빨리로드 할 수 있도록-> <!-bootstrap의 JS 플러그인을 사용하려면 먼저 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"> </script> <cript> $ (function () {$ ( ". btn"). click (function () {$ ( "#mymodal")); }); </script> </body> </html>여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.