Mengenal Bootstrap
Pengertian
Muhammad Aqshol Rifanza - Bootstrap adalah framework atau tools untuk membuat aplikasi web atau website yang bersifat responsive secara cepat, mudah dan gratis. Kata 'responsive' disini berarti bahwa tampilan web (lebar dan susunan isinya) dapat berubah otomatis sesuai dengan lebar layar yang menampilkanya
Salah satu website besar yang menggunakan framework bootstrap adalah Twitter, Tentu sobat sudah tidak asing lagi dengan Twitter, interface twitter dibangun dengan menggunakan bootstrap. Mengapa bisa demikian? Karena Bootstrap sendiri dikembangkan oleh developer twitter sehingga Bootstrap juga disebut " Twitter Bootstrap " Dengan bootstrap, kita dapat membuat responsive website dengan cepat dan mudah dapat berjalan sempurna pada browser-brwoser modern sepert Firefox, Google Chrome, Safari, Opera, Dan Internet Exploler.
Latar Belakang
Salah satu kemudahan Bootstrap yaitu Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid, Layout, Tifografi, Tabel, Form, Navigasi dan lain - lain. Di dalam Bootstrap juga sudah terdapat Javascript (jQuery Plugins) untuk menghasilkan komponen UI yang cantik seperti transition, Modal,
Dropdown, Scroolspy, ToolTip, PopOver, Tab, Alert, Button, Carousel, dan lain-lain.
Maksud dan Tujuan
Bootstrap berisi kumpulan class yang siap pakai. misalnya sobat ingin membuat sebuah tombol dengan cepat dan tanpa harus merancang dan mengetikkan syntax css untuk membuat sebuah tombol, maka dengan bootstrap kita dapat membuatnya dengan sangat cepat, yaitu hanya dengan menambahkan class “btn” . Akan saya jelaskan kembali agar lebih jelas tentang kelebihan Bootstrap untuk membangun sebuah website, berikut kelebihanya
- Penggunaan bootstrap yang menghemat waktu
- Tampilan terlihat modern
- Tidak perlu susah payah mengatur Script, tinggal memanggil class maka sudah jadi script tersebut
- Mobile Friendly maksudnya tampilan Bootstrap sangat responsive, yaitu tampilan Bootstrap sudah mendukung segala jenis resolusi, baik itu PC, Laptop, Tablet, Smartphone dan lain - lain
- Sangat ringan karena bootstrap dibuat dengan sangat terstruktur
- Dan masih banyak lagi kelebihan Bootstrap yang dapat sobat temukan nanti jika sudah menggunakan Bootstrap
Alat dan Bahan
- Laptop
- CSS Bootstrap
Cara Menggunakan Bootstrap
Cara Install Bootsrap Secara Offline
Cara offline inilah yang paling banyak digunakan oleh orang, karena kita dapat mengoperasikan atau menggunakan bootstrap tanpa harus terkoneksi dengan internet alias harus Online. Karena framework Bootstrap sudah terletak di PC kita sendiri. Berbeda dengan install Bootstrap secara online karena file - file Bootstrap berada di pada server luar.Setelah sobat mendownload framework CSS Bootstrap extract pada file project anda.
Kemudian masukkan script ini untuk menghubungkan bootstrap :
Kesimpulan
Perhatikan letak direktori file css dan js Bootstrap dan Jquery sobat ketika menghubungkanya. Sobat tidak perlu menghubungkan seluruh isi Bootstrap tetapi sobat hanya perlu menghubungkan file bootstrap.css dan bootstrap.js
Referensi
- http://www.script-kiddies.org
- http://www.malasngoding.com
Tidak ada komentar