Tutorial Bootstrap Part 1 : Pengenalan Apa Itu Bootstrap?

Assalamu'alaikum W. W

PENGERTIAN
Bootstrap merupakan library CSS yang berfungsi untuk mempercantik tampilan halaman website.

LATAR BELAKANG
Tampilan menggunakan HTML & CSS sebenarnya sudah bagus namun agar lebih bagus, untuk mempercantiknya kita perlu Bootstrap bagi para beginner agar tampilan lebih menarik.

MAKSUD DAN TUJUAN
- Membuat Halaman Web yang menarik dan bernilai jual
- Terdapat Grid System yang di mana sangat berguna untuk layouting
- Terdapat Plugin" yang gampang untuk membuatnya tidak perlu coding dari nol

KELEBIHAN BOOTSTRAP
- Penggunaan Bootstrap sangat menghemat waktu
- Tampilan Bootstrap yang mempercantik dan terlihat modern
- Mobile Friendly yang di dukung dengan fitur Grid System
- Sangat ringan & File terstruktur

CARA MENGGUNAKAN BOOTSTRAP
Untuk penggunaan Bootstrap, Bootstrap juga memerlukan adanya JQuery karena bagian javscript dari bootstrap menggunakan JQuery. Jangan lupa menambahkan file JQuery dan file CSSnya. Dan cara menggunakan bootstrap ialah dengan cara memanggil class" yang telah di sediakan oleh Bootstrap.

membuat index.html

dapat di perhatikan pada contoh di atas cara menghubungkan file bootstrap di atas, di perlukan syntax :
<link rel="stylesheet" type="text/css" href="bootstrap-4/dist/css/bootstrap.css">

kemudian untuk memanggil file JQuerynya di perlukan adanya syntax :
<script type="text/javascript" src="bootstrap-4/dist/js/bootstrap.js">   

hasil index.html ketika di jalankan di web browser

 
KESIMPULAN
Penggunaan Bootstrap sangatlah mudah, ialah dengan cara memanggil class" yang telah di sediakan oleh bootstrap.