Pada pemebahasan sebelumnya, kita telah mengenal macam-macam framework. Salah satu framework adalah bootstrap. Bootstrap sendiri adalah sebuah framework CSS dari twitter yang menyediakan komponen-komponen antar muka siap pakai dan telah dirancang sedemikian rupa untuk keperluan desain halaman website yang artistic.
Selain komponen-komponen dasar untuk membangun antar muka. Bootstrap juga menyediakan grid 12 kolom yang dapat menunjang kinerja anda dalam mendesain layout yang rapi. Sebagai CSS Framework, bootstrap tergolong paket lengkap.Tekhnologi Html, Css dan JavaScript yang ada pada Bootstrap. Kita tidak hanya dapat melakukan styling dengan CSS saja, akan tetapianda juga dapat menggunakan komponen-komponen seperti icon, tombol dan navigasidengan desain unik khas bootstrap. Selain itu, tersedia banyak Plugin JQuery yang dapat membantu kita untuk membuat tampilan website yang lebih atraktif.
Framework Bootstrap dibangun menggunakan Less, yaitu sebuah preprocessor dengan fungsi tambahan seperti variable, mixin, dan fungsi untuk mengompilasi CSS. Fitur-fitur yang ditawarkan bootstrap dapat membuat sang developer Bootstrap kaya jika dia berorientasi dengan uang. Framework ini seharusnya layak untuk menjadi framework berbayar, mengingat fitur-fitur yang ditawarkan sangat lengkap. Kenyataanya, framework ini justru tersedia gratis, yaitu dengan menggunakan lisensi MIT. MIT merupaan lisensi open source, dimana semua kalangan bebas menggunakan framework ini secara gratis tanpa takut terkena masalah legalitas.
Framework Bootstrap dibangun menggunakan Less, yaitu sebuah preprocessor dengan fungsi tambahan seperti variable, mixin, dan fungsi untuk mengompilasi CSS. Fitur-fitur yang ditawarkan bootstrap dapat membuat sang developer Bootstrap kaya jika dia berorientasi dengan uang. Framework ini seharusnya layak untuk menjadi framework berbayar, mengingat fitur-fitur yang ditawarkan sangat lengkap. Kenyataanya, framework ini justru tersedia gratis, yaitu dengan menggunakan lisensi MIT. MIT merupaan lisensi open source, dimana semua kalangan bebas menggunakan framework ini secara gratis tanpa takut terkena masalah legalitas.
| Baca juga artikel lainnya : |
MENDOWNLOAD BOOTSTRAP
Framework Bootstrap dapat anda download secara gratis di alamat http://getbootstrap.com/, saat anda mengklik tombol download, maka anda akan diberikan 3 pilihan metode download seperti berikut :- Download Bootstrap : berisi file CSS, JavaScript, dan font yang telah dikompilasi. Tidak ada dokumen atau file asli yang disertakan.
- Download Source : pilihan ini berisi JavaScript, Font, Dokumen asli Bootstrap dan Source dari Less yang merupakan preprocessor untuk membangun framework bootstrap. Tetapipillihan ini membutuhkan sebuah Less compiler dan beberapa pengaturan.
- Download Sass : berisi file bootstrap yang telah di-porting dari Less ke Sass supaya mudah dimasukkan ke dalam rails, Compass, atau Sass itu sendiri.
Bootstrap termasuk Framework yang rajiin update. Saat penulisan, Bootstrap yang didownload pada awal Januari 2017, Bootstrap telah merilis versi 3.3.7. untuk mengikuti perkembangan Bootstrap, anda dapat men-follow Twitternya di @twbootstrap.
FITUR
Pada Bootstrap versi 3 terdapat banyak perubahanyang menarik, fitur baru dan telahsepenunhya diperbarui untuk memenuhi tren webterbaru dan kebutuhan pengguna.MOBILE-FIRST APPROACH
Pada versi 3, bootstrap mengikuti pendekatan mobiledan membuat situs anda selalu responsive secara default. Bootstrap didesain ulang dan dibangun kembali mulai dari perangkat mobile anda dan perangkat dengan skala diatasnya. File CSS responsive tidak lagi terpisah dan semua fitur responsive sekarang termasuk kedalam file utama. Jika anda tidak menginginkan situs responsive, anda dapat mematikan fitur ini dengan menambahkan beberapa CSS ekstra. Anda dapat menemukan cara untuk melakukan hal ini di dokumentasi bootstrap yang disertai contoh untuk menonaktifkan fitur adaptif atau responsive.STRUKTUR FILE BOOTSTRAP
Jka Bootstrap telah selesai di download, anda eksstrak file tersebut. Berikut ini susunan atau struktur file pada bootstrap :
Pada folder CSS terdapat empat file CSS sebagai berikut :
- Boostrap.css, adalah file CSS utamayang harus dissertakan dalam halaman HTML yang anda buat. Banyaknya komentar/ keterangan di dalam baris kode pada file tersebut membuat Bootstrap sangat tepat digunakan untuk keperluan development.
- Boostrap.min.css, adalah hasil minify/kompres dari boostrap.css. ukuran file ini lebih kecil. File ini digunakan jika desain situs yang anda buat untuk online.
- Bootstrap-theme.css; diibaratkan sebuah kebutuhan sekunder. Anda boleh tidak menyertakan pada file HTML. Fungsi file ini untuk memberikan efek 3D pada tombol dan beberapa elemen lainnya.
- Bootstrap-theme.min.css, adalah file CSS hasil minify dari Bootstrap.css. file ini digunakan jika desain situs yang anda buat untuk online.
- Bootstrap.js, adalah library JavaScript untuk memberikan efek seperti modal, dropdown, scrollspy, dan lain sebagainya.
- Bootstrap.min.js, digunakan sebagai pengganti bootstrap.js jika situs yang anda buat untuk online.
Terakhir, yang menjadi pembeda pada versi sebelumnya adalah folder fonts. Folder ini berisi ikon gambar/glyphicon. Beralihnya ikon dari gambar datar ke font ini akan mempercepat performa website, karena karakter font memakan bandwidth yang lebih sedikit jika dibandingkan gambar datar.
| Artikel Terkait : |
Sekian dan semoga Bermanfaat ...