Laman

Friday, November 4, 2016

Bootstrap Basic (1412)




Apa Itu Bootstrap?

Bootstrap adalah salah satu framework HTML, CSS, dan Javascript yang sangat terkenal di kalangan web developer. Sekarang, banyak sekali developer yang menggunakan bootstrap untuk membuat design webnya. Bootstrap berisi kumpulan class yang sudah siap dipakai. Misalnya jika kita ingin membuat column, kita perlu merancang sendiri cssnya, sedangkan dengan bootstrap, kita hanya perlu mendownload bootstrapnya dan menuliskan classnya dan beberapa class tambahan.

 Kalian tentu tahu Twitter bukan?
Nah, Twitter adalah salah satu contoh web yang menggunakan framework bootstrap, ya karena bootstrap dikembangkan oleh developer Twitter sendiri, jadi bootstrap sering juga disebut 'Twitter Bootstrap'. 

Kenapa banyak website yang menggunakan bootstrap?
Berikut adalah beberapa kelebihan dengan menggunakan bootstrap :

  • Dengan menggunakan bootstrap, kita menghemat dapat menghemat waktu.
  • Layout dengan menggunakan bootstrap lebih keren(modern).
  • Tampilan bootstrap responsive.
  • Tidak berat karena dibuat dengan sedemikian rupa.
Untuk menginstall bootstrap, ada 2 cara, yaitu dengan cara online dan cara offline.
untuk menginstall bootstrap secara online, anda hanya perlu memilih satu dari 3 cara berikut dan masukkan scriptnya ke dalam tag <head> pada html anda.


Sedangkan untuk menginstall bootstrap secara offline, anda perlu mendownload frameworknya, lalu ekstrak, pada proyek anda, kemudian tinggal menghubungkan dengan file HTML atau PHP anda dengan menggunakan link rel href.

Di contoh ini, saya menggunakan cara install bootstrap dengan online, misalnya saya membuat file dengan nama bootstrap.html. Berikut adalah scriptnya


Berikut adalah hasil webnya :


Hasil di resize :


Sampai disini dulu tutorial menggunakan bootstrapnya, sisanya akan dibahas pada artikel selanjutnya.
Thanks for reading XOXO.

No comments:

Post a Comment