最初にレンダリングを見てみましょう：
コード：
<！Doctype html> <html> <head> <meta charset = "utf-8"> <title>アニメーショントランジションポップアップボックス</title> <link rel = "styleSheet" href = "http://netdna.boottrapcdn.com/boottrap/3.1.1/cs/boottrap.min.css <style> body {margin：30px; padding：30px;} </style> </head> <body> <button type = "button">クリックします</button> <div div = "mymodal"> <div> <div> <div> <ボタン= "ボタン" data-dismiss = "modal"> <span </button </spar> </span> </> < <h4>ポップアップタイトル</h4> </div> <div> <p>ポップアップボディコンテンツ</p> </div> <div> <ボタンタイプ= "button" data-dismiss = "modal"> close </button> </div> <ドキュメントの最後に、ページの読み込みをより速くするために - > <！ - ブートストラップのJSプラグインを使用する場合は、最初にjQuery-> <スクリプトsrc = "http://libs.baidu.com/jquery/1.9.9.0/jquery.min.js"> </</> < src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> <script> $（function（）{$（ "。btn"）。 }）; </script> </body> </html>それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。