Bootstrap (kerangka kerja): Perbedaan antara revisi

Jelajahi riwayat secara interaktif

Konten dihapus Konten ditambahkan

VisualTeks wiki

Revisi per 2 September 2018 15.45 sunting Furqonaxis (bicara \| kontrib) 2 suntingan Dibuat dengan menerjemahkan halaman "Bootstrap (front-end framework)" Tag: Terjemahan Konten		Revisi terkini sejak 19 Desember 2022 15.05 sunting balikkan Moedassir (bicara \| kontrib) 98 suntingan Fitur saranan suntingan: 3 pranala ditambahkan. Tag: VisualEditor Tugas pengguna baru Disarankan: tambahkan pranala
(18 revisi perantara oleh 5 pengguna tidak ditampilkan)
Baris 1: {{Infobox software {{Infobox software\|name=Bootstrap\|logo=Boostrap logo.svg\|author=Mark Otto, Jacob Thornton\|developer=[https://getbootstrap.com/about/#team Bootstrap Core Team]\|released={{Start date and age\|2011\|08\|19}}\|latest release version=4.1.3\|latest release date={{release date and age\|2018\|7\|24}}<ref name="v4.1.3-release">{{cite web \| url = https://blog.getbootstrap.com/2018/07/24/bootstrap-4-1-3/ \| title = Bootstrap 4.1.3 released \| last = Otto \| first = Mark \| date = July 24, 2018 }}</ref>\|status=Active\|programming language=[[HTML]], [[CSS]], [[Less (stylesheet language)\|Less]] (v3), [[Sass (stylesheet language)\|Sass]] (v4) and [[JavaScript]]\|platform=[[Web browser engine\|Web engines]]\|license=[[MIT License]] ([[Apache License]] 2.0 prior to 3.1.0)\|website=https://getbootstrap.com/}}'''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 [[Cascading Style Sheets\|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. \|name=Bootstrap \|logo=Bootstrap logo.svg \|author=Mark Otto, Jacob Thornton \|developer=Bootstrap Core Team<ref>{{Cite web\|url=https://getbootstrap.com/about/#team\|title=About · Bootstrap\|website=getbootstrap.com\|language=en}}</ref> \|released={{Start date and age\|2011\|08\|19}} \|latest release version=5.1.2 \|latest release date={{release date and age\|2021\|10\|05}}<ref>{{cite web\|url=https://blog.getbootstrap.com/2021/10/05/bootstrap-5-1-2/\|title=Bootstrap 5.1.2\|last=Otto\|first=Mark\|date=5 Oktober 2021\|website=The Bootstrap Blog\|access-date=10 Oktober 2021}}</ref> \|programming language=[[HTML]], [[CSS]], [[Less (bahasa stylesheet)\|Less]] (v3), [[Sass (bahasa stylesheet)\|Sass]] (v4), dan [[JavaScript]] \|platform=[[Platform web]] \|license=[[Lisensi MIT]] ([[Lisensi Apache]] 2.0 sebelum Bootstrap v3.1.0) \|website=https://getbootstrap.com/ }} '''Bootstrap''' adalah kerangka kerja CSS yang [[Perangkat lunak sumber terbuka\|sumber terbuka]] dan [[Perangkat lunak bebas\|bebas]] untuk merancang [[situs web]] dan [[aplikasi web]]. Kerangka kerja ini berisi templat desain berbasis [[HTML]] dan [[Cascading Style Sheets\|CSS]] untuk [[tipografi]], formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional [[JavaScript]]. Tidak seperti kebanyakan kerangka kerja web lainnya, kerangka kerja ini hanya fokus pada [[pengembangan front-end]] saja. Bootstrap adalah proyek yang paling banyak dibintangi ~~kedua~~keenam di [[GitHub]], dengan lebih dari ~~126~~139.000 bintang.<ref name="most-starred">{{Cite web\|url=https://github.com/search?o=desc&q=stars%3A%3E1&s=stars&type=Repositories\|title=Search · stars:>1\|website=GitHub\|access-date=~~July~~08 ~~18,~~Februari ~~2018~~2020}}</ref> == ~~Asal-usul~~Sejarah == === Awal mula === 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]]:{{Quote\|"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."<ref name="bootstrap a list apart">{{cite web \| url = http://markdotto.com/2012/01/17/bootstrap-in-a-list-apart-342/ \| title = Bootstrap in A List Apart No. 342 \| last = Otto \| first = Mark \| date = January 17, 2012 \| website = Mark Otto's blog \| archive-url = https://web.archive.org/web/20161028153404/http://markdotto.com/2012/01/17/bootstrap-in-a-list-apart-342/ \| archive-date = October 28, 2016 \| dead-url = no \| access-date = February 23, 2017}}</ref>\|text="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.<ref name="v1-release">{{Cite web\|url=https://blog.twitter.com/2011/bootstrap-twitter\|title=Bootstrap from Twitter\|last=Otto\|first=Mark\|date=August 19, 2011\|website=Developer Blog\|publisher=Twitter\|archive-url=https://web.archive.org/web/20170223125113/https://blog.twitter.com/2011/bootstrap-twitter\|archive-date=February 23, 2017\|dead-url=no\|access-date=February 23, 2017}}</ref> Hal ini terus dipertahankan oleh Mark Otto, Jacob Thornton, dan sekelompok kecil pengembang inti, serta sejumlah besar komunitas dari para kontributor.<ref name="about">{{Cite web\|url=https://getbootstrap.com/about/\|title=About\|website=Bootstrap\|access-date=February 23, 2017}}</ref>▼ Bootstrap, awalnya bernama Twitter Blueprint, dikembangkan oleh Mark Otto dan Jacob Thornton di [[Twitter]] sebagai kerangka kerja untuk mendorong konsistensi di perangkat internal yang sesuai. Sebelum Bootstrap, berbagai [[Pustaka (perangkat lunak)\|pustaka]] sudah banyak digunakan untuk pengembangan antarmuka, yang menyebabkan ketidak-konsistenan dan beban pemeliharaan yang berat. Menurut Mark Otto, pengembang [[Twitter]]: ▲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]]:{{Quote\|"A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company."<ref name="bootstrap a list apart">{{cite web \| url = http://markdotto.com/2012/01/17/bootstrap-in-a-list-apart-342/ \| title = Bootstrap in A List Apart No. 342 \| last = Otto \| first = Mark \| date =17 ~~January 17,~~Januari 2012 \| website = Mark Otto's blog \| archive-url = https://web.archive.org/web/20161028153404/http://markdotto.com/2012/01/17/bootstrap-in-a-list-apart-342/ \| archive-date =28 ~~October 28,~~Oktober 2016 \| dead-url = no \| access-date =23 ~~February 23,~~Februari 2017}}</ref>\|text="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.<ref name="v1-release">{{Cite web\|url=https://blog.twitter.com/2011/bootstrap-twitter\|title=Bootstrap from Twitter\|last=Otto\|first=Mark\|date=August 19, 2011\|website=Developer Blog\|publisher=Twitter\|archive-url=https://web.archive.org/web/20170223125113/https://blog.twitter.com/2011/bootstrap-twitter\|archive-date=February 23, 2017\|dead-url=no\|access-date=February 23, 2017}}</ref> Hal ini terus dipertahankan oleh Mark Otto, Jacob Thornton, dan sekelompok kecil pengembang inti, serta sejumlah besar komunitas dari para kontributor.<ref name="about">{{Cite web\|url=https://getbootstrap.com/about/\|title=About\|website=Bootstrap\|access-date=February 23, 2017}}</ref> Pada 31 Januari 2012, Bootstrap 2 dirilis, yang menambahkan system layout dua belas kolom grid yang [[Desain web responsif\|responsif]], dukungan built-in untuk Glyphicons, beberapa komponen baru, serta perubahan dari beberapa komponen yang sudah ada.<ref name="v2-release">{{Cite web\|url=https://blog.twitter.com/2012/say-hello-to-bootstrap-2\|title=Say hello to Bootstrap 2.0\|last=Otto\|first=Mark\|date=January 31, 2012\|website=Developer Blog\|publisher=Twitter\|archive-url=https://web.archive.org/web/20170223125701/https://blog.twitter.com/2012/say-hello-to-bootstrap-2\|archive-date=February 23, 2017\|dead-url=no\|access-date=February 23, 2017}}</ref>▼ ~~Pada~~Setelah 19beberapa ~~Agustus~~bulan pengembangan ~~2013,~~oleh ~~Bootstrap~~sebuah 3kelompok ~~dirilis~~kecil, ~~yang~~banyak ~~didesain~~pengembang ~~ulang~~di ~~komponen~~Twitter ~~untuk~~mulai ~~menggunakan~~memberikan ~~desain~~kontribusi ~~flat,~~untuk ~~dan~~proyek ~~pendekatan~~ini ~~[[Desain~~sebagai ~~web~~bagian dari ~~responsif\|~~'~~mobile-first~~'Hack Week'', sebuah pekan ala [[hackathon]] untuk tim pengembangan Twitter. Nama itu diganti dari Twitter Blueprint menjadi Bootstrap, dan dirilis sebagai proyek sumber terbuka pada 19 Agustus 2011.<ref name="v3v1-release">{{Cite web\|url=https://blog.~~getbootstrap~~twitter.com/~~2013/08/19~~2011/bootstrap-~~3-released/~~twitter\|title=Bootstrap 3from ~~released~~Twitter\|last=Otto\|first=Mark\|date=~~August~~ 19, ~~2013~~Agustus 2011\|website=Developer Blog\|publisher=Twitter\|archive-url=https://web.archive.org/web/~~20161021202024~~20170223125113/~~http~~https://blog.~~getbootstrap~~twitter.com/~~2013/08/19~~2011/bootstrap-~~3-released/~~twitter\|archive-date=~~October~~ 23, ~~2016~~Februari 2017\|dead-url=no\|access-date=~~February~~ 23 Februari 2017}}</ref> Hal ini terus dipertahankan oleh Mark Otto, Jacob Thornton, dan sekelompok kecil pengembang inti, serta sejumlah besar komunitas dari para kontributor.<ref name="about">{{Cite web\|url=https://getbootstrap.com/about/\|title=About\|website=Bootstrap\|access-date=23 Februari 2017}}</ref> === Bootstrap 2 dan 3 === Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan.<ref name="v3.3.0-release">{{cite web\|url=https://blog.getbootstrap.com/2014/10/29/bootstrap-3-3-0-released/\|title=Bootstrap 3.3.0 released\|last=Otto\|first=Mark\|date=October 29, 2014\|archive-url=https://web.archive.org/web/20160724153923/http://blog.getbootstrap.com/2014/10/29/bootstrap-3-3-0-released/\|archive-date=July 24, 2016\|dead-url=no\|access-date=February 23, 2017}}</ref> Versi alpha pertama dari Bootstrap 4 dirilis pada 19 Agustus 2015.<ref name="v4.0.0-alpha-release">{{cite web\|url=https://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/\|title=Bootstrap 4 alpha\|last=Otto\|first=Mark\|date=August 19, 2015\|archive-url=https://web.archive.org/web/20170123145832/http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/\|archive-date=January 23, 2017\|dead-url=no\|access-date=February 23, 2017}}</ref> Versi beta pertama dirilis pada 10 agustus 2017.<ref name="v4.0.0-beta-release">{{Cite web\|url=https://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/\|title=Bootstrap 4 Beta\|last1=Otto\|first1=Mark\|last2=Thornton\|first2=Jacob\|date=2017-08-10\|access-date=2017-08-16}}</ref> Versi stabil Bootstrap 4 dirilis pada 18 Januari 2018 yang pada dasarnya mengimprovisasi style cetak, utilitas 'border' dan menyediakan lebih banyak kontrol atas flexbox.<ref>{{Cite web\|url=https://blog.getbootstrap.com/2018/01/18/bootstrap-4/\|title=Bootstrap 4\|last=contributors\|first=Mark Otto, Jacob Thornton, and Bootstrap\|website=blog.getbootstrap.com\|language=en\|access-date=2018-03-16}}</ref>▼ ▲Pada 31 Januari 2012, Bootstrap 2 dirilis, yang menambahkan ~~system~~sistem ''layout'' dua belas kolom ''grid'' yang [[Desain web responsif\|responsif]], dukungan ''built-in'' untuk Glyphicons, beberapa komponen baru, serta perubahan dari beberapa komponen yang sudah ada.<ref name="v2-release">{{Cite web\|url=https://blog.twitter.com/2012/say-hello-to-bootstrap-2\|title=Say hello to Bootstrap 2.0\|last=Otto\|first=Mark\|date=~~January~~31 ~~31,~~Januari 2012\|website=Developer Blog\|publisher=Twitter\|archive-url=https://web.archive.org/web/20170223125701/https://blog.twitter.com/2012/say-hello-to-bootstrap-2\|archive-date=~~February~~23 ~~23,~~Februari 2017\|dead-url=no\|access-date=~~February~~23 ~~23,~~Februari 2017}}</ref> Pada 19 Agustus 2013, Bootstrap 3 dirilis, yang didesain ulang komponennya untuk menggunakan desain flat, dan pendekatan ''[[Desain web responsif\|mobile-first]]''.<ref name="v3-release">{{Cite web\|url=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/\|title=Bootstrap 3 released\|last=Otto\|first=Mark\|date=19 Agustus 2013\|archive-url=https://web.archive.org/web/20161021202024/http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/\|archive-date=23 Oktober 2016\|dead-url=no\|access-date=23 Februari 2017}}</ref> === Bootstrap 4 === ▲Pada 29 Oktober 2014, Mark Otto mengumumkan bahwa Bootstrap 4 sedang dalam pengembangan.<ref name="v3.3.0-release">{{cite web\|url=https://blog.getbootstrap.com/2014/10/29/bootstrap-3-3-0-released/\|title=Bootstrap 3.3.0 released\|last=Otto\|first=Mark\|date=~~October~~29 ~~29,~~Oktober 2014\|archive-url=https://web.archive.org/web/20160724153923/http://blog.getbootstrap.com/2014/10/29/bootstrap-3-3-0-released/\|archive-date=~~July~~24 ~~24,~~Juli 2016\|dead-url=no\|access-date=~~February~~23 ~~23,~~Februari 2017}}</ref> Versi ~~alpha~~alfa pertama dari Bootstrap 4 dirilis pada 19 Agustus 2015.<ref name="v4.0.0-alpha-release">{{cite web\|url=https://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/\|title=Bootstrap 4 alpha\|last=Otto\|first=Mark\|date=~~August~~ 19, Agustus 2015\|archive-url=https://web.archive.org/web/20170123145832/http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/\|archive-date=~~January~~ 23, Januari 2017\|dead-url=no\|access-date=~~February~~ 23, Februari 2017}}</ref> Pada 6 September 2016, Mark menghentikan pengerjaan Bootstrap 3 dalam rangka untuk meluangkan waktu untuk pengerjaan Bootstrap 4. Sejauh ini, sudah lebih dari 17.500 [[Kommit (kendali versi)\|kommit]] yang telah dibuat untuk basis kode Bootstrap 4. Versi beta pertama dirilis pada 10 ~~agustus~~Agustus 2017.<ref name="v4.0.0-beta-release">{{Cite web\|url=https://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/\|title=Bootstrap 4 Beta\|last1=Otto\|first1=Mark\|last2=Thornton\|first2=Jacob\|date=~~2017-08-~~10 Agustus 2017\|access-date=~~2017-08-~~16~~}}</ref>~~ ~~Versi stabil Bootstrap 4 dirilis pada 18 Januari~~Agustus 2017\|archive-date=2018 ~~yang pada dasarnya mengimprovisasi style cetak, utilitas 'border' dan menyediakan lebih banyak kontrol atas flexbox.<ref>{{Cite web~~-09-07\|archive-url=https://web.archive.org/web/20180907153313/http://blog.getbootstrap.com/~~2018~~2017/0108/1810/bootstrap-4-beta/\|~~title=Bootstrap 4\|last=contributors\|first=Mark Otto, Jacob Thornton, and Bootstrap\|website=blog.getbootstrap.com\|language=en\|access~~dead-~~date~~url=~~2018-03-16~~yes}}</ref> Versi stabil dari Bootstrap 4 yang dirilis pada 18 Januari 2018,<ref>{{Cite web\|url=https://blog.getbootstrap.com/2018/01/18/bootstrap-4/\|title=Bootstrap 4\|author=Mark Otto dan tim Bootstrap\|website=blog.getbootstrap.com\|language=en\|access-date=16 Maret 2018}}</ref> mayoritas merupakan tulisan ulang dari Bootstrap 3. Perubahan yang signifikan di antaranya:▼ * Peralihan dari [[Less (bahasa stylesheet)\|Less]] menuju [[Sass (bahasa stylesheet)\|Sass]].▼ * Peluncuran ~~reboot~~but ulang untuk normalisasi css.▼ * Menghapus dukungan ~~browser~~peramban web [[Internet Explorer 8\|IE8]], [[Internet Explorer 9\|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~~Em (tipografi)#CSS\|em~~\|root ems~~]].▼ * Meningkatkan ukuran ~~font~~fon global dari 14px menjadi 16px.▼ * Menghapus panel, ~~thumbnail~~[[keluku]], dan juga komponen-komponen yang mendukung elemen ''cards''.▼ * Menghapus ~~icon~~fon ~~font~~ikon Glyphicons.▼ * Menghapus komponen pembuat halaman (''pager'').▼ * Menambahkan sejumlah besar utilitas '"class'".▼ * Memperbaiki perancangan formulir. * ~~Improvisasi~~Memperbaiki tombol dan 'dropdown'.▼ * ~~Improvisasi~~Memperbaiki ~~obyek~~objek media dan '"class'" untuk gambar.▼ * Penulisan ulang hampir semua komponen, plugin [[jQuery]], dan dokumentasi.▼ === Bootstrap 5 === Bootstrap 5 adalah versi baru Bootstrap yang akan datang. Perubahan besar termasuk:<ref>{{Cite web\|url=https://blog.getbootstrap.com/2018/12/21/bootstrap-4-2-1/\|title=Bootstrap 4.2.1\|last=contributors\|first=Mark Otto, Jacob Thornton, and Bootstrap\|date=21 Desember 2018\|website=Bootstrap Blog\|language=en\|access-date=22 Maret 2019}}</ref><ref>{{Cite web\|url=https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/\|title=Bootstrap 4.3.0\|last=contributors\|first=Mark Otto, Jacob Thornton, and Bootstrap\|date=11 Februari 2019\|website=Bootstrap Blog\|language=en\|access-date=29 September 2019}}</ref><ref>{{Cite web\|url=https://github.com/twbs/bootstrap/pull/28517\|title=Bootstrap 5 grid by MartijnCuppens · Pull Request #28517 · twbs/bootstrap\|website=GitHub\|language=en\|access-date=29 September 2019}}</ref> * 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 (perangkat lunak)\|Jekyll]] ke [[Hugo (perangkat lunak)\|Hugo]]. * Menghapus dukungan peramban web [[Internet Explorer 10\|IE10]]. * Memindahkan [[infrastruktur]] pengujian dari [[QUnit]] ke [[Jasmine (kerangka kerja pengujian JavaScript)\|Jasmine]]. == Fitur-fitur == Bootstrap 3 ~~men-support~~mendukung versi terbaru ~~dari~~ [[Google Chrome]], [[Firefox]], [[Internet Explorer]], [[Opera (peramban web)\|Opera]], dan [[Safari (peramban web)\|Safari]] (kecuali pada Windows). Selain itu ~~men-support~~mendukung kembali IE8 dan [[Firefox]] Extended Support Release (ESR) terbaru.<ref name="supported-browsers">{{Cite web\|url=https://getbootstrap.com/getting-started/#support-browsers\|title=Supported browsers\|website=Bootstrap\|access-date=~~February~~23 ~~23,~~Februari 2017}}</ref> Sejak versi 2.0, Bootstrap mendukung [[desain web responsif]]. Ini berarti tata letak [[Laman web\|halaman web]] secara dinamis dapat menyesuaikan, dengan mempertimbangkan karakteristik dari perangkat yang digunakan (desktop, tablet, ponsel). Dimulai dari versi 3.0, Bootstrap mengadopsi filosofi desain "''[[Desain web responsif\|~~desain '~~mobile-first']]''", menekankan pada desain responsif secara ~~default~~baku. 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 web. === 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,<ref>{{Cite web\|url=https://bootstrapdocs.com/v1.3.0/docs\|title=Bootstrap, from Twitter 1.3.0 Documentation - BootstrapDocs\|website=bootstrapdocs.com\|language=en\|access-date=22 Oktober 2017~~-10-22~~}}</ref>, plugin JavaScript berikut ini ~~disupport~~didukung oleh Bootstrap: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel dan Typeahead. == ~~Bootstrap~~Lihat 4pula == * [[Kerangka kerja CSS]] 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 [[Commit (version control)\|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 stylesheet\|Less]] menuju Sass. ▲* Peluncuran reboot untuk normalisasi css. ▲* Menghapus dukungan browser IE8, [[Internet Explorer 9\|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 em\|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]] * [[Perancangan web~~\|Desain Web~~]] * jQuery Mobile == Referensi == {{reflist}} == ~~Link~~Pranala ~~eksternal~~luar == {{Commonscat\|Bootstrap (framework)}} * {{Resmi\|https://getbootstrap.com}} * ~~[http:/~~{{GitHub\|twbs/bootstrap~~-4.ru~~ \|Bootstrap ~~4 - dokumentasi dalam bahasa Rusia](Rusia)~~}} ~~<references />~~ [[Kategori:Perangkat lunak tahun 2011]] [[Kategori:Perangkat lunak bebas yang diprogram dengan JavaScript]]