Apa itu Bootstrap?? - Bootstrap
merupakan framework yang mampu mengatasi kesulitan maupun permasalahan yang ada
saat mendesign website. Bootstrap dengan segala kelengkapannya yang dibutuhkan
pada masalah design baik itu menggunakan css maupun javascript, sudah disajikan
begitu mudah, menarik dan tentunya mampu menyelesaikan design secara cepat.
Tampilan yang juga responsive pada banyak platform, tetap rapi baik pada
tampilan versi desktop maupun pada versi mobile .
 |
| Twitter Bootstrap |
Penggunaan
bootstrap sudah sampai pada design front-end web, dan itu masih akan terus
berkembang sampai sekarang. Dengan penggunaan yang terbilang mudah, kita hanya
memanggil CSS atau pun Javascript yang sudah disediakan kemudian menuliskannya
pada koding kita dengan disesuaikannya class-class yang dibutuhkan. Kalau masih
penasaran bisa download disini untuk bootstrapnya. Dan juga disini untuk download
bootstrap offline guide.
Pada bootstrap
terdapat struktur file seperti gambar dibawah.
 |
| Struktur Bootstrap |
Setelah download
bootstrapnya tadi, kemudian buat file index menggunakan text editor. Kalau saya
biasa pakai notepad++. Teman-teman bisa langsung download disini. Kalau masih
bingung mengenai file index, download disini. Kamudian letakkan persis seperti
digambar. CATATAN : bootstrap sudah diletakkan di localhost.
 |
| Struktur bootstrap |
 |
| File Index |
 |
| Tampilan file index |
Pada file index
di atas belum menggunakan bootstrap. Nah sekarang, sebagai contoh penggunaan bootstrap
bisa masukkan kode dibawah ini.
 |
| File Index dengan bootstrap |
 |
| Tampilan index dengan bootstrap |
Coba bandingkan hasil sesudah dan sebelum diberi bootstrap. Perhatikan bootstrap.min.css dan bootstrap.min.js. Itu merupakan penempatan penerapan bootstrap pada file index yang di panggil berdasar peletakan folder file masing-masing.
Mungkin sekian dulu tulisan saya mengenai pengenalan bootstrap. Saya mohon ma’af atas penggunaan bahasa yang ala kadarnya. Semoga bisa member pemahaman bagi semuanya. Untuk artikel lain mengenai bootstrap akan saya post kemudian hari. Kritik, saran maupun komentar bisa ditulis di kolom komentar. Terima kasih
Refrensi - Ebook Panduan Bootstrap (Wahyu Widyantoro)