Dalam artikel sebelumnya, saya memperkenalkan pengetahuan dasar bootstrap kepada Anda. Selanjutnya, saya akan memperkenalkannya kepada Anda melalui artikel ini.
Kami dapat mengunduh file bootstrap di http://getbootstrap.com
Klik Bootstrap Unduh di sebelah kiri untuk mengunduh versi kompilasi CSS Bootstrap, JavaScript, dan Perpustakaan Font. Klik sumber unduhan di tengah untuk mengunduh bootstrap. Secara umum, kita dapat menggunakan bootstrap untuk mengklik versi yang dikompilasi di sebelah kiri untuk mengunduhnya.
Jika versi yang dikompilasi diunduh, strukturnya adalah:
Jika struktur kode sumber yang diunduh adalah:
Isi dalam folder Dist sama dengan yang ada dalam versi yang dikompilasi.
Jika Anda perlu menggunakan Bootstrap, kerangka kerja front-end, Anda perlu mengatur beberapa pemformatan dan memperkenalkan beberapa file. Berikut ini adalah templat dasar untuk menggunakan bootstrap.
Bootstrap menggunakan beberapa elemen HTML5 dan properti CSS. Agar ini berfungsi dengan baik, Anda perlu menggunakan tipe dokumen HTML5 (Doctype). Oleh karena itu, cuplikan kode berikut disertakan di awal halaman:
Untuk membuat browser IE6, 7, 8 (IE9 atau di bawah) yang kompatibel dengan tag HTML5 yang baru ditambahkan, templat bootstrap dapat diperkenalkan:
<skrip src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
Demikian pula, untuk membuat IE6, 7, dan 8 browser kompatibel dengan gaya CSS3, kode berikut diperkenalkan
<skrip src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respress.min.js"> </script>
Kode berikut memberi tahu IE Browser bahwa IE8/9 dan versi yang lebih baru akan membuat halaman dengan versi tertinggi dari IE
<meta http-equiv = "x-ua-kompatibel" konten = "ie = edge"> Kode berikut memungkinkan browser untuk menampilkan halaman yang sesuai dalam ukuran yang paling tepat: <meta name = "viewport" content = "width = perangkat-lebar, skala awal = 1" ">
Untuk menggunakan Bootstrap untuk membangun halaman web, Anda perlu memperkenalkan file CSS Bootstrap.
<tautan href = "~/bootstrap-3.2.0-distr/css/bootstrap.min.css" rel = "stylesheet"/>
Untuk menggunakan komponen JavaScript di Bootstrap, Anda juga perlu memperkenalkan plugin JS Bootstrap. Karena plugin JS didasarkan pada jQuery, Anda harus terlebih dahulu memperkenalkan skrip jQuery. Perhatikan bahwa skrip jQuery perlu ditempatkan di depan plugin JS Bootstrap.
<skrip src = "~/bootstrap-3.2.0-distr/js/jquery.min.js"> </script> <skrip src = "~/bootstrap-3.2.0-distr/js/bootstrap.min.js"> </script>
Di atas adalah deskripsi lengkap dari start-up bootstrap kedua yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!