Mumpung lagi luang saya tambahin satu post lagi deh, tentang button menggunakan twitter bootstrap. Class – class apa saja yang digunakan ? Lalu bagaimana implementasinya ? Tanpa perlu panjang lebar lagi, berikut adalah ulasannya :
Continue reading
Bootstrap
Bootstrap Tutorial part 4 – Membuat Form
Akhirnya datang juga kesempatan untuk melanjutkan menulis tentang bootstrap lagi disini, mengumpulkan mood setelah sekian lama tidak menulis itu cukup sulit. Nah, pada kesempatan kali ini kita akan membahas bagaimana cara membuat form dengan bootstrap tentunya. Ada tiga jenis desain layout form yang dapat dibuat dengan bootstrap, yaitu vertical form (basic / default), inline form dan horizontal form.
Continue reading
Bootstrap Tutorial part 3 – Mendesain Tabel
Sebelumnya di part 2 kita sudah mempelajari tentang Sistem Grid pada Bootstrap, kali ini bahasannya adalah Tabel. Ya, tabel.. Menggunakan <table> dan class table dari bootstrap. Ada beberapa class yang berhubungan dengan tabel, diantaranya
Continue reading
Bootstrap Tutorial part 2 – Membuat Layout Halaman dengan Bootstrap Grid System
Bootstrap menyediakan fasilitas layouting konten web dengan Sistem Grid, cara kerjanya mirip seperti penggunaan <table> pada html. Dengan menggunakan sistem grid pembuatan struktur konten jadi lebih rapih dan mudah. Nah, cara menggunakannya kita hanya perlu mengeset atribut class pada div yang berisi konten yang dikehendaki, ada class yang bernama “row” dan “col-x-xx”.
Bootstrap Tutorial part 1 – Berkenalan dengan Bootstrap
Apa itu Bootstrap ?
Sebelum kita menjamah Bootstrap lebih jauh :3 , mari kita berkenalan lebih dulu dengan Bootstrap yang awalnya lebih sering disebut dengan nama Twitter Bootstrap ini .. Bootsrap merupakan salah satu framework untuk membantu pengembangan web dengan menggunakan HTML, CSS, dan JavaScript. Sejak versi yang 3.xx, framework ini sudah dirancang agar mampu mendesain halaman web secara responsif dengan menyesuaikan tampilan terhadap perangkat mobile seperti handphone dan tablet.