Header Ads Widget

Responsive Advertisement

BootStrap Dasar

 


Apa itu Bootstrap?

Bootstrap adalah framework CSS.

Cuma itu?

Ya!

Kalau mau yang lebih panjang:

Bootstrap adalah framework CSS yang bersifat Free dan Open Source. Bootstrap menyediakan class-class CSS dan beberapa fungsi Javascript untuk mempermudah pembuatan web.

Jika kamu sebelumnya pernah membuat web tanpa menggunakan framework CSS..

Pemrograman

Pasti pernah merasakan membuat kode CSS sendiri dari nol.

Betapa melelahkannya..

Karena itulah, hadir Bootstrap untuk membantu kita.

Biar semakin paham, mari kita bahas sejarahnya dulu:

Sejarah dan Versi Bootstrap

Bootstrap awalnya bernama Twitter Blueprint. Karena waktu itu pertama kali dikembangkan oleh Mark Otto dan Jacob Thornton di Twitter.

Tujuan awalnya untuk menjaga konsistensi pada tool internal di Twitter. Karena sebelum adanya Bootstrap, tim Twitter sudah menggunakan beberapa library untuk membuat tampilan (GUI) Twitter. Akan tetapi tidak konsisten sehingga kode jadi sulit dirawat (maintenance).

uncosisten

Berangkat dari masalah tersebut:

Mark Otto dan tim kecil yang berisi programmer mulai mendesain dan membuat sebuah tool internal yang dinamakan Twitter Blueprint.

Image result for mark otto and jacob thornton

Setelah beberapa bulan pengembangan, banyak programmer lainnya ikut berkontribusi pada proyek ini sebagai partisipasi dalam Hack Week.

O ya, Hack Week adalah sebuah Hackathon yang ada di tim Development Twitter.

Kemudian Twitter Blueprint diubah namanya menjadi Bootstrap dan dirilis sebagai proyek Open Source pada 19 Agustus 2011.

Desain & Pengembangan Web

bootstrap rename

Bootstrap 2 dan 3

Pada tanggal 31 Januari 2012, Bootstrap 2 dirilis dengan penambahan dukungan pada Glyphicons, penambahan beberapa komponen, dan juga perubahan pada komponen yang sudah ada.

img

Pada Versi ini sudah mendukung responsive  web design, yakni sebuah layout yang dapat menyesuaikan diri pada ukuran perangkat yang digunakan.

Selanjutnya Bootstrap 3, dirilis pada tanggal 19 Agustus 2013. Pada versi ini komponen Bootstrap didesain ulang dengan konsep Flat design dan menggunakan pendekatan Mobile first.

Bootstrap 3 Flat Design
Bootstrap 3 dengan konsep Flat Design
Desain & Pengembangan Web

Pendekatan mobile first artinya tampilan pada mobile diutamakan. Jadi jika ada sebuah class bootstrap digunakan pada elemen, ia akan menggunakan class pada tampilan mobile terlebih dahulu.

Bootstrap 4

Pada tanggal 29 Oktober 2014, Bootstrap 4 rilis dan versi finalnya rilis pada tanggal 18 Januari 2018. Versi final artinya versi yang tidak dilanjutkan pengembangannya.

Bootstrap 4

Beberapa perubahan pada rilis ini:

  • Penulisan ulang kode mayor;
  • Mengganti Less dengan Sass;
  • Menambahkan Normalize CSS;
  • Menghapus dukungan IE8, IE9, dan iOS6;
  • Mendukung CSS Flex Box
  • dan masih banyak lagi (silakan baca di release notes).

Bootstrap 5

Bootstrap 5 resmi dirilis versi Alpha pada tanggal 16 Juni 2020. Berikutnya versi Beta dirilis pada 7 Desember 2020

Posting Komentar

0 Komentar

BootStrap Dasar