Mari kita lihat rendering terlebih dahulu:
Kode:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> kotak pop-up transisi animasi </iteme> <tautan rel = "stylesheet" href = "http://netDna.boottrapcdn.com/boottrap/3.1.1.1/netDna.boottrapcdn.com/boottrap/3.1.1.1/netDna.boottrapcdn.com/boottrap/3.1.1.1/netDna.boottrapcdn.com <style > body{margin:30px;padding:30px;} </style></head><body><button type="button">Click me</button><div id="mymodal"> <div> <div> <div> <button type="button" data-dismiss="modal"> <span aria-hidden="true">×</span><span>Close</span> </button> <h4> Judul Popt-Up </h4> </div> <div> <p> Konten badan popt-up </p> </div> <vect "<tombol type =" Tombol "Data-Dismiss =" Modal "> Tutup </button> </div> </div> <!-/.modal-content-> </Div> <!-/.modal <!-/.modal-content-> </Div> <!-/.modal <! Di akhir dokumen untuk membuat halaman dimuat lebih cepat-> <!-Jika Anda ingin menggunakan plugin JS Bootstrap, Anda harus pertama-tama memanggil jQuery-> <script src = "http://libs.baidu.com/jquery/all can orlry untuk j. src = "http://maxcdn.boottrappcdn.com/boottrap/3.2.0/js/bootstrap.min.js"> </script> <script> $ (function () {$ (". }); </script> </body> </html>Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.