Bootstrap ? Apa Itu Bootstrap ?.
Mengapa Harus Bootstrap ?
Itu kira-kira pertanyaan yang terlintas pertama Kali di kepala saya ketika membaca kata "Bootstrap" ini. pasalnya Beberapa tahun terakhir kata "Bootstrap" sering kali saya baca di beberapa Forum-Forum dan Group-grup Facebook yang membahas perihal Pemrograman Berbasis WEB. Rasa ingin tau saya pun terjawab sesudah mengetahui Apa Itu Bootstrap.
Bootstrap sendiri yaitu Sebuah Framework yang dipakai untuk mempermudah developer web untuk menciptakan sebuah Interface dengan design yang responsif untuk Mobile Device (Handphone/SmartPhone).
Mengapa Harus Bootstrap ?
Bukan Rahasia lagi sesudah Smartphone Booming, Akses user ke Internet (browsing,Chatting, Dll) lebih sering melalui device mobile (Smartphone) yang menjadikan Menurunnya penggunaan PC Desktop/Laptop untuk Berseluncur didunia maya. Hal ini tentunya menjadi suatu problem untuk para developer web, alasannya intinya Programmer/developer Web menciptakan sebuah aplikasi yang di Fokuskan kepada Pengguna yang memakai Desktop PC/ Laptop saja. dan alhasil tampilan Web yang sudah dibentuk dan diukur biar muat di Layar Monitor akan menjadi Kurang yummy dilihat kalau diakses dari Smartphone. Denga Rilisnya Bootstrap maka duduk kasus tersebut dapat teratasi, Seperti yang sudah saya jelaskan di awal bahwa bootstrap hadir untuk menciptakan interface Design web yang Responsive Namun tetap Cocok untuk di kanal dari PC/Laptop.
Apa yang Harus dilakukan untuk Menggunakan Bootstrap ?
Untuk memulai Menggunakan Bootstrap, tentunya anda harus mempunyai paling tidak sedikit pengetahuan seputar HTML,CSS dan Javascript alasannya inti dari Bootstrap yaitu ketiga bahasa pemrograman tersebut. Setelah anda mempunyai "Sedikit" pengetahuan perihal Bootstrap anda dapat eksklusif mendownload File Bootstrap dari Web Resminya yang beralamatkan di www.getbootstrap.com . disaat Artikel ini ditulis Bootsrap tersedia pada Versi 3.3.6.
Bagaiman Cara Memulainya ?
Sebelumnya sudah saya informasikan bahwa Bootstrap terdiri dari HTML,CSS, dan javascript, maka untuk memulai anda harus menciptakan sebuah Code sederhana dari HTML kemudian memanggil CSS dan Javascript Bootstrap didalamnya. dan menempatkan atribut CSS Bootstrap pada Tag-tag HTML anda
sebagai Contoh
sebagai Contoh
Dibawah ini Code Sederhana untuk menciptakan sebuah tombol tanpa CSS Bootstrap
<input type="submit" name="tombol" value="Tombol"/>
Dibawah ini code yang sudah di beri Atribut pada Class memakai CSS Bootstrap
<input class="btn btnsuccess" type="submit" name="tombol" value="Tombol"/>
Terlihat Jelas perbedaanya Kan, Selain Responsive tampilan Button menjadi anggun dengan memakai Class "btn btn-success" milik CSS Bootstrap.
Berikut beberapa Style yang dapat anda Coba
Fungsi utama Bootstrap yaitu "Responsive" dapat anda lihat dengan Mengecilkan ukuran Browser anda ketika Membuka blog ini (Blog Ini Menggunakan Bootstrap).
Berikut beberapa Style yang dapat anda Coba
Fungsi utama Bootstrap yaitu "Responsive" dapat anda lihat dengan Mengecilkan ukuran Browser anda ketika Membuka blog ini (Blog Ini Menggunakan Bootstrap).
 |
| Tampilan Blog Ini Jika diakses dari PC/Laptop |
 |
| Tampilan Blog ini Jika diakses dari Smartphone |
Bagaimana ? keren bukan ? layout Web kita akan mengikuti Ukuran Layar sesuai device yang kita gunakan. inilah yang dinamakan Responsive. Silahkan memulai Project Web anda memakai Bootstrap biar terlihat anggun dan dinamis :D.
Sekian Terima Kasih :)
Sekian Terima Kasih :)
