Assalamu'alaikum Wr. Wb
Oke, di postingtan kali ini kita akan membahas sedikit tentang Bootstrap. What Is Bootstrap ???
Mungkin rekan-rekan yang sedang atau sudah belajar tentang html, css dan javascript sudah mengerti apa itu Bootstrap. Yak langsung saja Gaes. Check It Out ...
1. Pengertian
Bootstrap adalah front-end framework yang bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.
2. Fungsi
Pada kesempatan kali ini kita akan belajar sedikit tentang cara menggunakan css pada Bootstrap. Sebelum itu kita buka dulu laman http://getbootstrap.com/. Di dalam Menu Bar laman http://getbootstrap.com/, Kita akan menjumpai banyak pilihan, diantaranya Getting Strarted, CSS, Componens dll. Seperti gambar di bawah ini :
Getting Started, berisi panduan dasar dalam menggunakan Bootstrap
CSS, berisi kumpulan CSS yang sedemikian rupa mengenai macam-macam desain Table, Form, Button, Images dll.
Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet dll. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dibuka oleh mobile browser tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar mobile tersebut. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.
Oke, kita akan belajar hal yang umum yakni Table. Pilih Table di menu sebelah kanan.
Oke, di postingtan kali ini kita akan membahas sedikit tentang Bootstrap. What Is Bootstrap ???
Mungkin rekan-rekan yang sedang atau sudah belajar tentang html, css dan javascript sudah mengerti apa itu Bootstrap. Yak langsung saja Gaes. Check It Out ...
1. Pengertian
Bootstrap adalah front-end framework yang bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.
2. Fungsi
Pada kesempatan kali ini kita akan belajar sedikit tentang cara menggunakan css pada Bootstrap. Sebelum itu kita buka dulu laman http://getbootstrap.com/. Di dalam Menu Bar laman http://getbootstrap.com/, Kita akan menjumpai banyak pilihan, diantaranya Getting Strarted, CSS, Componens dll. Seperti gambar di bawah ini :
Getting Started, berisi panduan dasar dalam menggunakan Bootstrap
CSS, berisi kumpulan CSS yang sedemikian rupa mengenai macam-macam desain Table, Form, Button, Images dll.
Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet dll. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dibuka oleh mobile browser tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar mobile tersebut. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.
Oke, kita akan belajar hal yang umum yakni Table. Pilih Table di menu sebelah kanan.
Akan muncul banyak pilihan, untuk mempermudah copy saja script dari Getting Started -> Basic Template untuk mendapatkan link.
Setelah itu paste ke Notepad++ dan simpan dengan nama BS.html
Oke, ikuti langkah berikut :
1. Download Bootstrap di laman Getting Started
2. Ekstrak File yang telah di download kemudian jadikan satu folder dengan file BS.html
3. Tinggal memasukkan table dan memanggil class sesuai dengan format di Bootstrap
Dan Hasilnya akan seperti di Bootstrap pula :
selain itu kita juga bisa menambahkan CSS, misal "table table-striped" atau lainnya.
Oke, I think that's enough.
Mungkin cuma itu yang bisa saya postingkan kali ini. Maaf bila ada kata yang kurang mengena di hati hati saudara. Terimakasih sudah membaca :)
Wassalamu'alaikum Wr. Wb