Apakah rangka kerja bootstrap? Apa yang ia lakukan?

Bootstrap ialah rangka kerja hadapan untuk membangunkan aplikasi web dan tapak web dengan pantas. Rangka kerja ini berdasarkan HTML, CSS dan JAVASCRIPT boleh membina tapak web yang cantik dan berfungsi sepenuhnya.

Persekitaran pengendalian artikel ini: sistem Windows 7, bootsrap versi 3.3.7, komputer Dell G3.

Apakah rangka kerja itu bootstrap? Apa yang ia lakukan?

Bootstrap ialah rangka kerja pembangunan bahagian hadapan yang ringkas, intuitif dan berkuasa berdasarkan HTML, CSS dan JavaScript yang dibangunkan oleh Mark Otto dan Jacob Thornton, pereka syarikat Twitter Amerika, untuk membuat pembangunan Web lebih pantas. 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.

Bootstrap ialah rangka kerja bahagian hadapan untuk pembangunan pesat aplikasi web dan tapak web. Bootstrap adalah berdasarkan HTML, CSS dan JAVASCRIPT.

Bootstrap ialah produk sumber terbuka yang dikeluarkan pada GitHub pada Ogos 2011.

Kandungan yang disertakan dalam Bootstrap

• 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. Ini akan diterangkan secara terperinci dalam bahagian Bootstrap CSS.

• Komponen: Bootstrap mengandungi lebih daripada sedozen komponen yang boleh diguna semula untuk mencipta imej, menu lungsur, navigasi, kotak amaran, kotak pop timbul dan banyak lagi. Ini akan diterangkan secara terperinci dalam bahagian Komponen Reka Letak.

• Pemalam JavaScript: Bootstrap termasuk lebih daripada sedozen pemalam jQuery tersuai. Anda boleh memasukkan semua pemalam secara langsung atau memasukkannya secara individu. Ini akan diterangkan secara terperinci dalam bahagian pemalam Bootstrap.

• Penyesuaian: Anda boleh menyesuaikan komponen Bootstrap, KURANG pembolehubah dan pemalam jQuery untuk mendapatkan versi anda sendiri.

Mengapa menggunakan Bootstrap?

• Didahulukan mudah alih: Mulai Bootstrap 3, rangka kerja tersebut merangkumi gaya diutamakan mudah alih di seluruh perpustakaan.

• Sokongan penyemak imbas: Semua penyemak imbas utama menyokong Bootstrap.

• Mudah untuk bermula: Selagi anda mempunyai pengetahuan asas tentang HTML dan CSS, anda boleh mula belajar Bootstrap.

• Reka bentuk responsif: CSS responsif Bootstrap menyesuaikan diri dengan desktop, tablet dan telefon mudah alih. Untuk mendapatkan maklumat lanjut tentang reka bentuk responsif, lihat Reka Bentuk Responsif Bootstrap.

• Ia menyediakan penyelesaian yang ringkas dan bersatu untuk pembangun mencipta antara muka.

• Ia mengandungi komponen terbina dalam yang berkuasa dan mudah untuk disesuaikan.

• Ia juga menawarkan penyesuaian berasaskan web.

• Ia adalah sumber terbuka.

Komponen yang Disokong

Bootstrap mengandungi banyak komponen Web Berdasarkan komponen ini, anda boleh membina tapak web yang cantik dan berfungsi sepenuhnya. , yang merangkumi komponen berikut:

Menu lungsur turun, kumpulan butang, menu lungsur turun butang, navigasi, bar navigasi, navigasi laluan, halaman, reka letak, lakaran kecil, dialog amaran, bar kemajuan, objek media, dsb.

Sokongan pemalam

Bootstrap disertakan dengan 13 pemalam jQuery, yang memberikan "kehidupan" kepada komponen dalam Bootstrap. Ini termasuk:

Kotak dialog modal, tab, bar skrol, kotak timbul, dsb.

Pembelajaran yang disyorkan: "tutorial video bootstrap"

Atas ialah kandungan terperinci Apakah rangka kerja bootstrap? Apa yang ia lakukan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!