Bootstrap (kerangka kerja)
Bootstrap adalah open-source framework (kerangka kerja pemrograman) front-end (library) yang bebas (gratis) untuk merancang situs web dan aplikasi web. Framework ini berisi template desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. Tidak seperti kebanyakan framework web lainnya, framework ini hanya fokus pada pengembangan front-end saja.
| Bootstrap | |||||||||
|---|---|---|---|---|---|---|---|---|---|
 | |||||||||
| Tipe | Framework CSS dan perangkat lunak bebas dan sumber terbuka | ||||||||
| Versi pertama | 19 Agustus 2011 | ||||||||
| Versi stabil | 5.3.3 (20 Februari 2024) | ||||||||
| Lisensi | MIT License (Apache License 2.0 prior to 3.1.0) | ||||||||
| |||||||||
| |||||||||
| |||||||||
 | |||||||||
Bootstrap adalah proyek yang paling banyak dibintangi kedua di GitHub, dengan lebih dari 126.000 bintang.[2]
Asal-usul
Bootstrap, awalnya bernama Twitter Blueprint, dikembangkan oleh nirav panchal dan Jacob Thornton di Twitter sebagai kerangka kerja untuk mendorong konsistensi di perangkat internal yang sesuai. Sebelum Bootstrap, berbagai library (kumpulan kode-kode pemrograman) sudah banyak digunakan untuk pengembangan antarmuka, yang menyebabkan ketidak-konsistenan dan beban pemeliharaan yang berat. Menurut Mark Otto, pengembang Twitter:
"Sebuah grup developer super kecil dan juga aku telah bersama-sama untuk mendesain dan membangun perangkat internal baru dan melihat kesempatan untuk melakukan hal yang lebih banyak lagi. Melalui proses itu, kami melihat bahwa kami sedang membangun sesuatu yang lebih substansial dari perangkat internal lainnya. Beberapa bulan kemudian, kami menghasilkan sebuah versi paling awal dari Bootstrap, sebagai sebuah cara untuk berbagi pola desain yang lazim dan dan aset-aset perusahaan."
Setelah beberapa bulan pengembangan oleh sebuah kelompok kecil, banyak pengembang di Twitter mulai memberikan kontribusi untuk proyek ini sebagai bagian dari Hack Week, sebuah pekan ala hackathon untuk tim pengembanganTwitter. Nama itu diganti dari Twitter Blueprint menjadi Bootstrap, dan dirilis sebagai proyek open-source pada 19 agustus 2011.[4] Hal ini terus dipertahankan oleh Mark Otto, Jacob Thornton, dan sekelompok kecil pengembang inti, serta sejumlah besar komunitas dari para kontributor.[5]
Pada 31 Januari 2012, Bootstrap 2 dirilis, yang menambahkan system layout dua belas kolom grid yang responsif, dukungan built-in untuk Glyphicons, beberapa komponen baru, serta perubahan dari beberapa komponen yang sudah ada.[6]
Pada 19 Agustus 2013, Bootstrap 3 dirilis, yang didesain ulang komponen untuk menggunakan desain flat, dan pendekatan 'mobile-first'.[7]
Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan.[8] Versi alpha pertama dari Bootstrap 4 dirilis pada 19 Agustus 2015.[9] Versi beta pertama dirilis pada 10 agustus 2017.[10] Versi stabil Bootstrap 4 dirilis pada 18 Januari 2018 yang pada dasarnya mengimprovisasi style cetak, utilitas 'border' dan menyediakan lebih banyak kontrol atas flexbox.[11]
Fitur-fitur
Bootstrap 3 men-support versi terbaru dari Google Chrome, Firefox, Internet Explorer, Opera, dan Safari (kecuali pada Windows). Selain itu men-support kembali IE8 dan Firefox Extended Support Release (ESR) terbaru.[12]
Sejak versi 2.0, Bootstrap mendukung desain web responsif. Ini berarti tata letak halaman web secara dinamis menyesuaikan, dengan mempertimbangkan karakteristik dari perangkat yang digunakan (desktop, tablet, ponsel).
Dimulai dari versi 3.0, Bootstrap mengadopsi filosofi desain 'mobile-first', menekankan pada desain responsif secara default.
Versi 4.0 menambahkan dukungan Sass dan flexbox.
Penggunaan ulang komponen-komponen
Selain elemen HTML reguler, Bootstrap juga berisi elemen antarmuka yang umum digunakan. Komponen-komponen tersebut diimplementasikan dalam bentuk 'class' CSS, yang harus diaplikasikan dalam elemen HTML tertentu pada halaman situs.
Komponen-komponen JavaScript
Bootstrap dilengkapi dengan beberapa komponen JavaScript dalam bentuk plugin jQuery. Mereka menyediakan tambahan elemen antarmuka untuk pengguna seperti kotak dialog, tooltips, dan 'carousels'. Mereka juga memperluas fungsi dari beberapa elemen antarmuka yang sudah ada, termasuk misalnya sebuah fungsi auto-complete untuk bidang input. Di versi 1.3[13], plugin JavaScript berikut ini disupport oleh Bootstrap: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel dan Typeahead.
Bootstrap 4
Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan. Pada September 6, 2016, Mark menghentikan pengerjaan Bootstrap 3 dalam rangka untuk meluangkan waktu untuk pengerjaan Bootstrap 4. Sejauh ini, sudah lebih dari 17,500 kommit yang telah dibuat untuk codebase Bootstrap 4.
Versi stabil dari Bootstrap 4 yang dirilis pada 18 Januari 2018, mayoritas merupakan tulisan ulang dari Bootstrap 3. Perubahan yang signifikan di antaranya:
- Peralihan dari Less menuju Sass.
- Peluncuran reboot untuk normalisasi css.
- Menghapus dukungan browser IE8, IE9, dan iOS 6.
- Penambahan dukungan flexbox dan menghapus dukungan komponen non-flexbox.
- Penambahan kustomisasi pilihan navigasi.
- Penambahan utilitas untuk pemberian ruangan dan ukuran yang responsif.
- Beralih dari piksel ke root ems.
- Meningkatkan ukuran font global dari 14px menjadi 16px.
- Menghapus panel, thumbnail, dan juga komponen-komponen yang mendukung elemen 'cards'.
- Menghapus icon font Glyphicons.
- Menghapus komponen pembuat halaman (pager).
- Menambahkan sejumlah besar utilitas 'class'.
- Improvisasi styling formulir.
- Improvisasi tombol dan 'dropdown'.
- Improvisasi obyek media dan 'class' untuk gambar.
- Penulisan ulang hampir semua komponen, plugin jQuery, dan dokumentasi.
Lihat juga
- CSS framework
- Desain web responsif
- Desain Web
- jQuery Mobile
Referensi
- ^ Otto, Mark (July 24, 2018). "Bootstrap 4.1.3 released".
- ^ "Search · stars:>1". GitHub. Diakses tanggal July 18, 2018.
- ^ Otto, Mark (January 17, 2012). "Bootstrap in A List Apart No. 342". Mark Otto's blog. Diarsipkan dari versi asli tanggal October 28, 2016. Diakses tanggal February 23, 2017.
- ^ Otto, Mark (August 19, 2011). "Bootstrap from Twitter". Developer Blog. Twitter. Diarsipkan dari versi asli tanggal February 23, 2017. Diakses tanggal February 23, 2017.
- ^ "About". Bootstrap. Diakses tanggal February 23, 2017.
- ^ Otto, Mark (January 31, 2012). "Say hello to Bootstrap 2.0". Developer Blog. Twitter. Diarsipkan dari versi asli tanggal February 23, 2017. Diakses tanggal February 23, 2017.
- ^ Otto, Mark (August 19, 2013). "Bootstrap 3 released". Diarsipkan dari versi asli tanggal October 23, 2016. Diakses tanggal February 23, 2017.
- ^ Otto, Mark (October 29, 2014). "Bootstrap 3.3.0 released". Diarsipkan dari versi asli tanggal July 24, 2016. Diakses tanggal February 23, 2017.
- ^ Otto, Mark (August 19, 2015). "Bootstrap 4 alpha". Diarsipkan dari versi asli tanggal January 23, 2017. Diakses tanggal February 23, 2017.
- ^ Otto, Mark; Thornton, Jacob (2017-08-10). "Bootstrap 4 Beta". Diakses tanggal 2017-08-16.
- ^ contributors, Mark Otto, Jacob Thornton, and Bootstrap. "Bootstrap 4". blog.getbootstrap.com (dalam bahasa Inggris). Diakses tanggal 2018-03-16.
- ^ "Supported browsers". Bootstrap. Diakses tanggal February 23, 2017.
- ^ "Bootstrap, from Twitter 1.3.0 Documentation - BootstrapDocs". bootstrapdocs.com (dalam bahasa Inggris). Diakses tanggal 2017-10-22.
Pranala luar
