 |
| Bootstrap.com |
- Bagian 1 - Pengenalan Apa Itu Bootstrap.
Apa itu Website Responsive?
Website responsive adalah sebuah website yg mempunyai kemampuan menyesuaikan tampilan atau layout nya secara baik dan otomatis saat diakses atau dibuka di sebuah perangkat yg berbeda-beda. Contoh : Smartphone , Tablet dan juga Desktop.
Lalu, Apa itu Bootstrap?
Bootstrap adalah Front-End Framework yg digunakan untuk membuat sebuat website yg responsive. Bootstrap lebih mengutamakan tampilan web diperangkat(diakses) oleh mobile device. Bootstrap juga sudah menyediakan kumpulan komponen dasar pada web yg telah di rancang sedemikian rupa.
Bootstrap ini adalah Front-End Framework yg berbasis HTML,CSS, dan Javascript.
Untuk membuat sebuah tampilan sebuah website menjadi responsive, Bootstrap memiliki metode yg dinamakan Grid, Grid ini berfungsi mengatur kolom di dalam website agar mudah diatur atau responsive. Sistem Grid di dalam Bootstrap ada 4 tingkatan class, Yaitu :
- XS ( untuk tampilan ponsel )
- SM ( untuk tampilan tablet )
- MD ( untuk tampilan desktop )
- LG ( untuk tampilan desktop yg lebih besar )
Di dalam sebuah website, website memilika kolom sebanyak 12, Berikut dibawah ini contoh gambaran grid/kolom pada bootstrap yg digunakan di sebuah website.
Contoh website responsive. anda bisa buka :
Pada mode desktop akan tampil seperti dibawah ini :
Sekarang anda coba alihkan ke mode mobile atau bisa tekan CTRL+SHIFT+M pada keyboard.
Akan tampil seperti dibawah ini :
Untuk contoh website responsive anda bisa lihat di koleksi bootstrap di http://expo.getbootstrap.com .
Untuk lanjut ke bagian selanjutnya anda harus menyiapkan 2 hal berikut :
- Code Editor atau Text Editor ( contoh : Atom editor, Sublime Text , dll )
- Download File Bootstrap v3.3.7 ( download disini : https://getbootstrap.com/docs/3.3/ )
Terkait :
Ditulis : Jagat Info.
Sumber : Dumetschool , Kursus Web Programing .
Link : https://www.jagat-info.com/2018/10/belajar-bootstrap-v3.3.7-untuk-pemula-bag1.html
0 Comments: