Bootstrap adalah kerangka kerja front-end yang sangat populer. Sederhananya, ini adalah alat yang ditetapkan untuk HTML, CSS, dan JavaScript. Kami dapat menggunakan Bootstrap untuk membangun situs web atau antarmuka perangkat lunak yang sederhana dan segar. Dengan Bootstrap, pengembang back-end tidak perlu lagi khawatir membangun antarmuka front-end.
Bootstrap (1) berisi banyak komponen web, berdasarkan komponen ini, Anda dapat dengan cepat membangun situs web yang indah dan berfungsi penuh. Ini termasuk komponen berikut: menu drop-down, grup tombol, menu drop-down tombol, navigasi, bilah navigasi, remah roti, paging, pengaturan huruf, thumbnail, dialog peringatan, bilah kemajuan, dialog media, dll.
(2) Datang dengan 13 plugin JQery, yang memberi kehidupan pada komponen di Bootstrap. Ini termasuk: kotak dialog mode, tab, bilah gulir, kotak pop-up, dll.
Bootstrap dikembangkan oleh insinyur Twitter di waktu luang mereka. Setelah membuka sumber di situs open source terbesar dan paling populer, GitHub, Xunsu menjadi proyek yang paling sering diperbarui di situs web. Sejumlah besar insinyur secara aktif menyumbangkan kode untuk proyek, dan sejumlah besar situs web yang dibangun menggunakan bootstrap muncul dalam waktu singkat. Mengapa kecepatan pengembangan bootstrap begitu menakjubkan? Ini terutama karena fitur yang sangat baik dari Bootstrap:
Perangkat seluler lebih disukai: menempatkan fitur berorientasi seluler terlebih dahulu
Dukungan Browser: Semua browser arus utama mendukung bootstrap
Mudah Dimulai: Selama Anda memiliki dasar -dasar HTML dan CSS, Anda dapat mulai belajar bootstrap
Desain Responsif: CSS responsif Bootstrap dapat beradaptasi dengan desktop, tablet, dan ponsel.
Ini berisi komponen bawaan yang kuat untuk penyesuaian yang mudah
Mari kita lihat halaman paling sederhana yang dibangun dengan Bootstrap.
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 101 Template</title><!-- Bootstrap-> <tautan href = "css/bootstrap.min.css" rel = "stylesheet"> <!-html5 shim dan response.js ie8 dukungan elemen html5 dan kueri media----ife: ific. src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <skrip src = "http://cdn.bootcss.com/respespons.js/1.4.2/respress.min.js"> <! [Endif]-> </head> <body> <div> <div> <h1> Halaman bootstrap pertama saya </h1> <p> Reset ukuran jendela dan lihat efek responsif! </p> </div> <div> <div> <h3> Kolom 1 </h3> <p> Apa yang Anda pelajari bukan hanya teknologi, tetapi juga bermimpi! </p> <p> Tidak peduli betapa hebatnya impian Anda, itu tidak dapat menahan kegigihan seperti idiot Anda! </p> </div> <div> <h3> Kolom 2 </h3> <p> Apa yang Anda pelajari bukan hanya teknologi, tetapi juga bermimpi! </p> <p> Tidak peduli betapa hebatnya impian Anda, itu tidak dapat menahan kegigihan seperti idiot Anda! </p> </div> <div> <h3> Kolom 3 </h3> <p> Apa yang Anda pelajari bukan hanya teknologi, tetapi juga bermimpi! </p> <p> Tidak peduli betapa hebatnya impian Anda, itu tidak dapat menahan kegigihan seperti idiot Anda! </p> </div> </div> </div> </body> </html>
Di atas adalah artikel pertama tentang belajar tentang bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!