Pengenalan struktur bootstrap

Bootstrap adalah framework ataupun tools untuk membuat aplikasi web ataupun website yang bersifat responsive secara cepat, mudah dan gratis.
Responsive disini berarti bahwa tampilan web (lebar dan susunan isinya) dapat berubah secara otomatis sesuai dengan lebar layar yang menampilkannya.
Bootstrap dapat didownload dengan gratis dari website resminya dengan alamat getbootstrap.com atau juga bisa lewat github.
Pada saat di download, bootstrap masih dalam 1 paket zip. Untuk bisa menggunakannya, harus di ekstrak/di unzip terlebih dahulu. Setelah di ekstrak, maka akan didapatkan 3 buah folder antara lain css, fonts, dan js.
Pada folder css terdapat enam file, yaitu :

• bootstrap.css, file css yang biasanya digunakan untuk development, karena disusun sedemikian rupa agar mudah dibaca dan terdapat banyak comment.
• bootstrap.css.map, file css yang dihasilkan oleh CSS Preprocessor, seperti Sass, Less, atau Stylus.
• bootsrap.min.css, file css yang biasanya digunakan dalam production, karena sudah di kompresi agar ukuran filenya lebih kecil.
• bootstrap-theme.css, file css tambahan terhadap file bootstrap.css, fungsi file ini memperkaya dan memperindah tampilan beberapa komponen bootstrap seperti button, thumbnail, dropdown, navbar, dan sebagainya. Karena sifatnya tambahan, file ini boleh saja tidak kita gunakan.
• bootstrap-theme.css.map, file ini sama seperti bootstrap.css.map adalah file css yang dihasilkan oleh CSS Preprocessor. Fungsinya agar dapat di edit menggunakan development tool yang ada pada browser Firefox dan Chrome.
• bootstrap-theme.min.css, versi mini (compressed) dari file boostrap-theme.css digunakan pada saat production.

Pada folder fonts terdiri dari lima file, biasa disebut dengan glyphicons yang berisi 263 icon.
Pada folder js (javascript) terdiri dari tiga file, yaitu bootstrap.js dan versi mininya yaitu bootstrap.min.js dan file npm.js
File bootstrap.js berisi fungsi-fungsi javascript yang langsung dapat digunakan (plug-in) untuk membuat tampilan komponen bootstrap lebih interaktif.
Adapun file npm.js hanya digunakan apabila kita menggunakan bootstrap bersama dengan node.js

Tweet

Pengenalan struktur bootstrap

4/ 5

Oleh burhan

Ditulis burhan Pada 7:47:00 PM 1 Komentar