Daftar Tutorial Menggunakan Bootstrap 4

Pengantar Tutorial bootstrap

Bootstrap merupakan framework untuk membuat halaman web yang responsive dan mobile friendly.

Selain responsive Bootstrap bersifat open source sehingga bootstrap menjadi framework yang popular untuk digunakan.

Versi bootstrap terus berkembang mulai dari versi 2, 3 dan 4

Pada bagian pengantar ini ulasan tentang bootstrap versi 4 ditinjau dari hal berikut :

1. Dukungan Browser dan Devices

Spesifikasi Browser untuk menjalankan bootstrap 4

Chrome >= 45
Firefox >= 38
Edge >= 12
Explorer >= 10
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30

2. Struktur folder boostrap 4

Setelah mendownload bootstrap 4. struktur folder bootstrap 4 sebagai berikut.

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

3. Mendownload Bootstrap

Untuk mendownload bootstrap dapat berupa file berikut :

CSS dan JS Compiled

https://github.com/twbs/bootstrap/releases/download/v4.5.2/bootstrap-4.5.2-dist.zip

Source File

Untuk mendownload file source pada url berikut:

https://getbootstrap.com/docs/4.5/getting-started/download/

versi link di atas adalah bootstrap 4.5

Untuk melihat file cdn boostrap dan lainnya silahkan kunjungi dokumentasi bootstrap di link berikut :

https://getbootstrap.com/docs/4.5/getting-started/download/

4. Modifikasi Bootstrap 4

Untuk memodifikasi bootstrap 4 atau melakukan theming dapat digunakan sass variable.

menggunakan sass variable maksudnya membuat style versi baru sesuai keinginan kita dengan melakukan extend file bootstrap.

Leave a comment