Apa yang baru di bootstrap 5

Bootstrap 5, lelaran terkini kerangka CSS yang popular, menawarkan banyak peningkatan dan penambahbaikan. Artikel ini menyelidiki perubahan, penambahan, dan penyingkiran utama dalam Bootstrap 5, memberikan gambaran keseluruhan yang komprehensif untuk pemaju menaik taraf atau memulakan lagi.

Penambahbaikan utama:

• Kemerdekaan JQuery: Bootstrap 5 menghilangkan pergantungannya pada jQuery, meningkatkan keserasian dengan kerangka JavaScript moden seperti React. Popper.js kini digunakan untuk kedudukan dinamik.
• sokongan penyemak imbas yang dipertingkatkan: Semasa menjatuhkan sokongan untuk Internet Explor, Bootstrap 5 memanfaatkan CSS Custom Custom dan JavaScript API untuk prestasi dan keserasian yang lebih baik dengan pelayar semasa (Firefox 60, Chrome 60, Safari 12, /WebView 6).
• ruang nama nama atribut data: atribut data kini dinamakan dengan , dengan jelas membezakan tingkah laku JavaScript Bootstrap dari skrip lain. data-bs-*
• Perpustakaan Komponen yang Diperluas: Komponen baru seperti sidebars offcanvas dan label bentuk terapung meningkatkan keupayaan kerangka untuk mewujudkan susun atur interaktif dan responsif.
• Penyesuaian Lanjutan: Pembolehubah SASS yang dikemas kini, Mixins, dan CSS Custom Custom menawarkan fleksibiliti yang lebih besar dalam tema dan gaya. Dokumentasi yang diperkemas:
Dokumentasi ini telah mengalami pembaikan yang signifikan, yang menampilkan navigasi yang lebih baik, panduan penyesuaian terperinci, dan kebolehgunaan yang dipertingkatkan.
• bila menggunakan (dan tidak menggunakan) bootstrap:

Bootstrap tetap menjadi alat yang sangat berkesan untuk membina laman web responsif, mudah alih pertama, terutama untuk pemula. Kemudahan penggunaannya, komponen pra-dibina, dan lengkung pembelajaran yang rendah menjadikannya sesuai untuk pelbagai projek. Walau bagaimanapun, adalah penting untuk mengakui batasannya. Untuk projek -projek yang kompleks atau mereka yang mengutamakan saiz fail yang minimum, kerangka alternatif mungkin lebih sesuai. Berlahan di bootstrap boleh menyebabkan markup kembung, jadi pemahaman yang kukuh tentang teknologi web yang mendasari adalah penting.

menaik taraf dari bootstrap 4:

Menaik taraf dari Bootstrap 4 secara amnya mudah. Kebanyakan komponen dan kelas kekal, tetapi pemaju perlu mengkaji semula senarai komponen yang diturunkan dan menyesuaikan dengan sewajarnya. Tumpuan utama adalah untuk menggantikan atribut

dengan dan menangani sebarang komponen yang tidak ditetapkan atau dinamakan semula sebagai pembolehubah SASS.

Perubahan terperinci: data-* data-bs-*

Bahagian ini meringkaskan perubahan teras, yang memberi tumpuan kepada perubahan yang paling berkesan:

• penyingkiran jQuery: Peralihan ke vanila JavaScript dengan ketara mengurangkan saiz kerangka dan meningkatkan prestasi. Penggunaan jQuery sedia ada masih disokong, tetapi boleh dilumpuhkan menggunakan atribut data-bs-no-jquery="true".
• Sokongan IE jatuh: Ini membolehkan penggunaan CSS moden dan ciri -ciri JavaScript yang dioptimumkan.
• Penamaan semula atribut data: ruang nama data-bs-* meningkatkan kejelasan dan menghalang konflik.
• Pembetulan pepijat: Banyak pepijat yang terdapat dalam bootstrap 4 telah diselesaikan.

Ciri -ciri yang tidak disengajakan:

Beberapa kelas komponen dan utiliti telah dikeluarkan kerana redundansi atau usang. Ini termasuk (tetapi tidak terhad kepada): Sokongan IE, lencana tertentu dan kelas butang, jumbotron, susun atur kad batu, dan beberapa kelas utiliti yang berkaitan dengan pesanan, media, dan jadual. Fungsi ini sering boleh direplikasi menggunakan kelas utiliti sedia ada.

Ciri -ciri baru:

Bootstrap 5 memperkenalkan beberapa penambahan yang menarik:

• Saiz Font Responsif (RFS): Diaktifkan secara lalai, RFS meningkatkan responsiveness merentasi saiz skrin yang berbeza.
• Sokongan kanan-ke-kiri (RTL): Sokongan RTL penuh kini terbina dalam, menjadikan bootstrap sesuai untuk pelbagai bahasa dan kawasan yang lebih luas.
• new breakpoint: xxl Breakpoint ini melayani ke skrin tambahan (≥ 1400px). Dokumentasi yang lebih baik:
dokumentasi yang disusun semula dan dipertingkatkan dengan ketara meningkatkan pengalaman pengguna.
• Komponen baru:
akordion, offcanvas, dan label terapung adalah antara penambahan yang ketara.
Kesimpulan:

Bootstrap 5 mewakili langkah penting ke hadapan, mengimbangi peningkatan prestasi dengan ciri -ciri yang dipertingkatkan dan pilihan penyesuaian. Walaupun beberapa ciri telah dikeluarkan, peningkatan keseluruhan menawarkan rangka kerja yang lebih diperkemas, cekap, dan serba boleh untuk membina laman web moden dan responsif.

Soalan Lazim (Soalan Lazim):

Seksyen Soalan Lazim memberikan jawapan ringkas kepada soalan -soalan umum mengenai bootstrap 5, yang meliputi perbezaan utama dari bootstrap 4, strategi penghijrahan, ciri -ciri baru, fungsi API utiliti, pengembangan palet warna, kemas kini kawalan bentuk, perpustakaan ikon SVG baru, penambahbaikan dokumentasi, Keserasian penyemak imbas, dan bermula.

Atas ialah kandungan terperinci Apa yang baru di bootstrap 5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!