Bootstrap ialah rangka kerja bahagian hadapan berdasarkan HTML, CSS dan JavaScript Ia adalah kit alat bahagian hadapan yang direka untuk pembangunan pesat aplikasi web. Kelebihannya ialah: 1. Melaksanakan susun atur responsif, dan sangat mudah untuk membangunkan laman web reka letak responsif 2. Gaya pengekodan bersatu 3. Mudah dan mudah untuk ditulis 4. Keutamaan peranti mudah alih, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, bootsrap versi 3.3.7, komputer DELL G3

Apa itu Bootstrap

Bootstrap ialah rangka kerja bahagian hadapan sumber terbuka Twitter berdasarkan HTML, CSS dan JavaScript. Ia adalah kit alat bahagian hadapan yang direka untuk pembangunan pesat aplikasi web. Ia menyokong reka letak responsif dan mematuhi keutamaan peranti mudah alih selepas versi V3.

Bootstrap menyediakan spesifikasi HTML dan CSS yang elegan, yang ditulis dalam bahasa CSS dinamik Less. Bootstrap telah menjadi sangat popular sejak dilancarkan dan telah menjadi projek sumber terbuka yang popular di GitHub, termasuk Berita Terkini MSNBC (Microsoft National Broadcasting Company) NASA. Beberapa rangka kerja yang biasa kepada pembangun mudah alih domestik, seperti rangka kerja sumber terbuka bahagian hadapan hadapan WeX5, juga berdasarkan kod sumber Bootstrap untuk pengoptimuman prestasi.

Mengandungi kandungan

• Struktur asas: Bootstrap menyediakan struktur asas dengan sistem grid, gaya pautan dan latar belakang. Ini akan diterangkan secara terperinci dalam bahagian struktur asas Bootstrap.

• CSS: Bootstrap dilengkapi dengan ciri berikut: tetapan CSS global, mentakrifkan gaya elemen HTML asas, kelas boleh diperluas dan sistem grid lanjutan.

• Komponen: Bootstrap mengandungi banyak komponen web Berdasarkan komponen ini, anda boleh membina tapak web yang cantik dan berfungsi sepenuhnya.

• Ia termasuk komponen berikut: menu lungsur, kumpulan butang, menu lungsur butang, navigasi, bar navigasi, navigasi laluan, halaman, reka letak, lakaran kecil, dialog amaran, kemajuan bar, Media Objects, dsb.

• Pemalam JavaScript: Bootstrap disertakan dengan 13 pemalam jQuery, yang memberikan "kehidupan" kepada komponen dalam Bootstrap. Ini termasuk: kotak dialog modal, tab, bar skrol, kotak pop timbul, dsb.

kelebihan dan keburukan bootstrap

Kelebihan:

• Susun atur responsif boleh dilaksanakan, dan sangat mudah untuk membangunkan tapak web reka letak responsif

• Gaya pengekodan seragam

• Mudah dan mudah untuk menulis

• Dokumentasi terperinci untuk pembangunan pesat

• Keutamaan peranti mudah alih

• Prestasi matang, digunakan dalam sebilangan besar projek Diuji menggunakan

Kelemahan:

• Terdapat isu keserasian, iaitu6 dan ke bawah tidak disokong

• Tidak menyokong sass

• Menggunakan penyesuaian akan menghasilkan banyak kod berlebihan

• Apabila anda mengklik halaman navigasi untuk terus beralih ke kedudukan yang sepadan , kesannya adalah seperti titik penambat, tanpa animasi tatal

Kajian yang disyorkan: "tutorial penggunaan bootstrap "

Atas ialah kandungan terperinci Apakah itu bootstrap dan apakah kelebihannya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!