Hay guyss....
Kali ini kita akan membahas sedikit tentang Bootstrap.
Apa Itu Bootstrap???
Bootstrap
adalah front-end framework yang solek, bagus dan luar biasa yang
mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.)
guna mempercepat dan mempermudah pengembangan website. Bootstrap
menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk
dikembangkan.
Keuntungan dari Bootstrap:
- Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
- Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
- Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
- Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)
* Minim gambar karena menggunakan CSS3.
* Belum mampu memberikan tampilan yang sesuai di semua web browser.
* Membuat kita menjadi kurang kreatif karena terpaku dengancoding yang dikembangkan oleh developer.
*Tutorial Memasang Dan Menggunakan Bootstrap :
1. dowload bootstrap tersebut digithub,
2. selanjutnya folder boostrap masukan didalam project
file file diatas adalah komponen file pada bootstrap, jadi ketika didownload kita mendapatkan folder bernama bootstrap yang didalamnya berisi css js img..
didalam css:
*Bootstrap-responsive.css
file ini digunakan untuk mensetting layout halaman website , dan keunggulannya file ini dapat menyesuaikan sendiri ukuran website pada device yang digunakan, seperti desktop,i-phone,tablet dsb…
*Bootstrap.css
file ini digunakan untuk mensetting keseluruhan style css didalam bootstrap tersebut.
*Bootstrap-responsive.min.css dan Boostrap.min.css
merupakan file hasil compress sehingga ukuran file lebih diperkecil, fungsi tetap sama dengan yang aslinya…
didalam img:
– file pertama merupakan image icon yang digunakan untuk icon2 dibootstrap
– file kedua sama dengan yang diatas cuma background yang digunakan berwarna putih sedang yang atas background icon yang digunakan berwarna hitam didalam js :
– bootstrap.js : merupakan sebuah file file pengaturan javascript yang menghandle semua event2 dsb didalam bootstrap
– bootstrap.min.js : merupakan file file hasil compress dari bootstrap.js
– jquery.js: (framework javascript) file ini di gunakan untuk memberikan sumber daya script didalam bootstrap.jsistilah simple ini adalah bahan bakar script kita he…
3.kemudian kita coba pasang file file bootstrap tersebut pada html.
Itulah sedikit penjelasan tentang Bootstrap, semoga bermanfaat :)
0 komentar:
Posting Komentar