Tahun lalu, 19 Agustus adalah hari khusus untuk Bootstrap - tidak hanya peringatan keempat proyek, tetapi juga hari ketika versi beta internal Bootstrap 4 dirilis setelah satu tahun pengembangan intensif. Bootstrap 4 adalah pembaruan besar yang melibatkan hampir setiap baris kode.
1. Fitur baru
Ada terlalu banyak pembaruan besar di Bootstrap 4, dan artikel ini tidak dapat mencakup semuanya. Berikut adalah beberapa sorotan yang telah menarik banyak perhatian:
Migrasi dari Less ke Sass: Bootstrap sekarang bergabung dengan keluarga Sass. Berkat Libsass, Bootstrap mengkompilasi lebih cepat dari sebelumnya;
Tingkatkan Sistem Grid: Tambahkan lapisan grid baru untuk beradaptasi dengan perangkat seluler dan mengatur kembali pencampuran semantik.
Mendukung pemilihan model kotak elastis (flexbox): Ini adalah fungsi pembuatan zaman - selama variabel boolean dimodifikasi, Anda dapat dengan cepat tata letak keunggulan flexbox.
Sumur, thumbnail, dan panel ditinggalkan dan kartu digunakan sebagai gantinya: kartu adalah konsep baru, tetapi sangat mirip dengan sumur, thumbnail dan panel, dan lebih nyaman.
Integrasi semua stylesheet reset HTML ke dalam reboot: reboot dapat digunakan di mana pun normalisasi.css tidak tersedia, ia menyediakan lebih banyak opsi. Misalnya, ukuran kotak: kotak perbatasan, tweak margin, dll. Disimpan dalam file sass terpisah.
Opsi Kustomisasi Baru: Tidak lagi efek terpisah seperti gradien, memudar, bayangan, dll. Dalam lembar gaya terpisah seperti pada versi sebelumnya. Sebaliknya, pindahkan semua opsi ke variabel SASS. Ingin mendefinisikan efek default untuk sudut global atau tidak dipertimbangkan? Ini sangat sederhana, cukup perbarui nilai variabel dan kompilasi ulang.
IE8 tidak lagi didukung, menggunakan unit REM dan EM: menyerahkan dukungan untuk IE8 berarti bahwa pengembang dapat menggunakan keunggulan CSS dengan percaya diri, dan tidak perlu mempelajari keterampilan peretasan CSS atau mekanisme fallback. REM dan EM daripada unit PX lebih cocok untuk tata letak responsif dan pengendalian ukuran komponen. Jika Anda ingin mendukung IE8, Anda hanya dapat terus menggunakan Bootstrap 3.
Tulis ulang semua plugin JavaScript: Untuk memanfaatkan fitur baru JavaScript, Bootstrap 4 menulis ulang semua plugin dengan ES6. Sekarang kami memberikan dukungan UMD, metode robekan generik, pemeriksaan jenis opsi, dan fitur lainnya.
Tingkatkan Tooltips dan Popovers Positioning Otomatis: Bagian ini berkat bantuan alat Tether.
Dokumentasi yang Ditingkatkan: Semua dokumen ditulis ulang dalam format Markdown, dan beberapa contoh organisasi plug-in yang nyaman dan cuplikan kode ditambahkan. Dokumentasi akan lebih nyaman untuk digunakan, dan pekerjaan optimasi pencarian juga sedang berlangsung.
Lebih Banyak Perubahan : Mendukung Kontrol Formulir Kustom, Kosong dan Kelas Isi, dan Termasuk Kelas Utilitas Baru, dll.
Pembaruan di atas hanyalah puncak gunung es. Versi V4 memiliki lebih dari 1.100 komit dan 120.000 baris pembaruan kode. Pembaruan ini dapat dilihat dalam dokumen V4-Alpha.
2. Rencana Pengembangan
Semua kode sumber untuk versi V4 adalah open source pada cabang V4-dev dari GitHub. Selain itu, ada PR pengembangan dan pelacakan V4, menerbitkan daftar perubahan dan daftar yang akan dikembangkan untuk master. Anda dapat menyumbangkan kode Anda sendiri untuk membuat proyek ini lebih baik.
Rencana pengembangan dan rilis secara keseluruhan adalah sebagai berikut:
Beberapa versi alpha juga akan dirilis dalam perbaikan berkelanjutan; Dua versi beta akan dirilis setelah fitur baru dan fungsi baru dibekukan untuk pengujian lengkap; 2 versi kandidat akan dirilis untuk menguji apakah dapat digunakan di lingkungan produksi; dan versi final akan dirilis.
Ada juga saluran di Slack yang secara khusus membahas V4, dan bootstraper dapat ditambahkan di sini.
3. Dukungan v3
Ketika Bootstrap 3 dirilis, Bootstrap menyerahkan dukungannya untuk versi 2.x, menyebabkan masalah bagi banyak pengguna, dan kesalahan yang sama tidak akan dilakukan untuk kedua kalinya. Dalam waktu dekat, tim pengembangan akan terus memperbaiki bug V3 dan meningkatkan dokumentasi. Setelah V4 akhirnya dirilis, dokumentasi V3 tidak akan offline.
4. Satu hal lagi ...
Selain merilis Bootstrap 4 Alpha, pejabat itu juga merilis tema Bootstrap.
Tema -tema ini membutuhkan banyak energi dan mereka memiliki banyak peralatan sendiri, seperti halnya bootstrap itu sendiri.
Untuk memulai, topik yang diterbitkan meliputi: Dasbor, Aplikasi, dan Pemasaran, menggunakan protokol lisensi ganda.
Klik di sini untuk melihat lebih banyak informasi topik.
5. Umpan Balik
1) Seseorang menyebutkan bahwa dalam v3.5.5 (versi stabil terakhir), bootstrap.min.css adalah 123kb, sedangkan di 4.0.0alpha bootstrap.min.css yang baru, ada baiknya merayakannya.
2) Seseorang melaporkan bahwa tema dasbor tidak sepenuhnya responsif, seperti dalam tabel-> riwayat pesanan.
3) Bootstrap telah berubah menjadi menggunakan SASS secara default, yang telah menyebabkan diskusi luas.
4) Beberapa orang juga mengatakan bahwa suatu organisasi bersedia melepaskan teknologi lama (tidak lagi mendukung IE8) dan menulis ulang perpustakaan dengan teknologi baru (ES6), yang layak dihormati.
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.