Pengenalan Bootstrap

assalamualaikum wr. wb.
Postingan saya kali ini adalah tentang pengenalan bootstrap, apa itu bootstrap? langsung saja

Latar Belakang
Saat ini pembuatan situs web serta aplikasi web tidak hanya dapat dibuka di perangkat desktop. Karena sudah banyak perangkat android yang dapat digunakan untuk membuka situs web. Namun karena perbedaan ukuran antara desktop dengan perangkat mobile, maka terkadang tampilan situs web di desktop dengan perangkat mobile sering berbeda. Jadi digunakan bootstrap untuk menyamakan tampilan antara desktop dan mobile.

Tujuan
Memahami bootstrap serta cara penggunaannya.

Pembahasan
Bootstrap adalah free dan open-source front-end web framework untuk merancang situs web dan aplikasi web. Bootstrap berisi HTML - dan desain CSS berbasis template untuk tipografi, bentuk, tombol, navigasi dan komponen antarmuka lainnya, serta opsional JavaScript ekstensi. Tidak seperti banyak kerangka web, menyangkut dirinya dengan pembangunan front-end saja.


Keuntungan dari Bootstrap :

• Mudah digunakan : Siapa saja dengan pengetahuan dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
• Fitur responsif : CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
• Pendekatan Mobile-pertama : Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
• Kompatibilitas browser : Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)

Cara menggunakan bootstrap
Pertama kita harus mendownload dulu file bootstrapnya. Anda bisa mendownloadnya di http://getbootstrap.com/

Kemudian, klik download bootstrap

Setelah download selesai, maka kita akan mempunyai file bootstrap yang berbentuk .zip, kemudian kita hanya perlu mengekstrak folder tersebut.

Jika kita akan menggunakannya caranya dengan memanggil bootstrap tersebut, dengan cara

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial scale=1">
<link href = "css/bootstrap.min.css" rel="stylesheet">

Jangan lupa file botstrap harus berada di satu folder.


Referensi :
- https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
- http://www.w3schools.com/bootstrap/bootstrap_get_started.asp


Sekian postingan saya kali ini tentang pengenalan bootstrap. Terimakasih, semoga bermanfaat.
wassalamualaikum wr. wb.