Pengenalan Bootstrap 4

Assalamu alaikum Wr. Wb

Salam Pinter Bareng Komputer, ...zero bit...

A. Sejarah Bootstrap

Bootstrap merupakan sebuah library framework CSS yang dibuat khusus untuk bagian pengembangan front-end website. Bootstrap merupakan salah satu framework HTML, CSS dan javascript yang paling populer saat ini dikalangan web developer. Saat ini hampir semua web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat karena seorang web developer hanya perlu menambahkan class - class tertentu seperti saat membuat tombol, grid, navigasi, corousel dan sebagainya.

Bootstrap, awalnya bernama Twitter Blueprint, dikembangkan oleh Mark Otto dan Jacob Thomton di Twitter sebagai library framework untuk mendorong konsistensi di perangkat internal yang sesuai. Sebelum ada Bootstrap sudah banyak library yang digunakan Twitter untuk pengembangan antar muka (front-end) nya yang menyebabkan ketidakkonsistenan dan beban pemeliharaan yang berat.

Nama Twitter Blueprint diubah menjadi Bootstrap dan dirilis sebagai proyek open source pada tanggal 19 Agustus 2011.

B. Bootstrap 2 dan 3

Pada tanggal 31 Januari 2012, dirilis Bootstrap 2. Pada Bootstrap 2 ini telah ditambahkan sistem layout 12 kolom grid yang responsif, dukungan built-in untuk beberapa Glyphicon (icon - icon), beberapa komponen baru, serta dilakukan penyempurnaan untuk komponen - komponen yang sudah ada sebelumnya.

Pada tanggal 19 Agustus 2013, dirilis Bootstrap 3. Pada Bootstrap 3 semua komponen - komponen didesign ulang menggunakan design flat, dan pendekatan mobile-first. Sehingga diharapkan saat website yang dibangun dengan Bootstrap 3 ini dibuka di alat - alat mobile maka tampilannya akan bisa responsive.

C. Bootstrap 4

Pada tanggal 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan. Versi Alpha Bootstrap 4 dirilis pada tanggal 19 Agustus 2015. Sedangkan versi Beta pertama dirilis pada tanggal 10 Agustus 2017.

Versi stabil Bootstrap 4 dirilis pada tanggal 18 Januari 2018, mayoritas adalah pembaharuan (editing) dari Bootstrap 3. Perubahan yang signifika di antaranya :

1. Peralihan dari Less menuju Sass.
2. Peluncuran but ulang untuk normalisasi css.
3. Menghapus dukungan peramban web IE8, IE9, dan iOS 6.
4. Penambahan dukungan flexbox dan menghapus dukungan komponen non-flexbox.
5. Penambahan kustomisasi pilihan navigasi.
6. Penambahan utilitas untuk pemberian ruangan dan ukuran yang responsif.
7. Beralih dari piksel ke em.
8. Meningkatkan ukuran fon global dari 14px menjadi 16px.
9. Menghapus panel, keluku, dan juga komponen-komponen yang mendukung elemen cards.
10. Menghapus font ikon Glyphicons.
11. Menghapus komponen pembuat halaman (pager).
12. Menambahkan sejumlah besar utilitas "class".
13. Memperbaiki perancangan formulir.
14. Memperbaiki tombol dan dropdown.
15. Memperbaiki objek media dan "class" untuk gambar.
16. Penulisan ulang hampir semua komponen, plugin jQuery, dan dokumentasi.

Sumber : 

Bootstrap (kerangka kerja) - Wikipedia bahasa Indonesia, ensiklopedia bebas

 

D. Bootstrap 5

Bootstrap 5 merupakan versi terbaru dari Bootstrap. Terdapat perubahan besar dalam Bootstrap 5, contohnya :

Menghapus jquery dari komponen dan menggunakan vanilla javascript 

Menulis ulang komponen grid untuk mendukung fitur kolom yang ditempatkan di luar baris dan gutter (ruang antar kolom) yang responsif.

Migrasi perangkat lunak dokumentasi dari Jekyll ke Hugo.

Menghapus dukungan peramban web IE10.

Memindahkan infrastruktur pengujian dari QUnit ke Jasmine.

 

Semoga artikel ini bermanfaat.

Menuju ke menu Bootstrap 4 - Cara Instalasi Bootstrap 4