Tutorial Bootstrap Part 1 : Pengenalan Bootstrap

 Assalamu'alaikum Wr. Wb.

 A). Pendahuluan

      Pada postingan kali ini saya akan tentang bootstrap, sebelumnya kalian tahu tidak apa itu bootstrap dan fungsinya untuk apa. Kalau belum tahu lihatlah blog saya dibawah ini.

B). 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.
yang responsive.

C). Maksud dan Tujuan

1. Membuat Halaman Web yang menarik dan bernilai jual
2. Terdapat Grid System yang di mana sangat berguna untuk layouting
3. Terdapat Plugin" yang gampang untuk membuatnya tidak perlu coding dari nol

D). Pembahasan

     Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk bagian pengembangan front-end website.

     Berikut ini beberapa kegunaan yang telah menjadi kelebihan pada bootsrap. adapun beberapa kelebihan bootstrap adalah sebagai berikut.

• Penggunaan bootstrap sangat menghemat waktu.
• Tampilan bootstrap yang sudah cukup terlihat modern.
• Mobile Friendly yang maksudnya tampilan bootstrap sudah sangat responsive, yaitu tampilan bootstrap sudah mendukung segala jenis resolusi, baik itu pc, laptop, tablet dan smartphone.
• Sangat ringan karena bootstrap di buat dengan sangat terstruktur.
• Dan masih banyak lagi kelebihan dan kegunaan dari bootstrap yang akan anda temukan sendiri setelah mencoba membangun sebuah aplikasi berbasis web dengan menggunakan bantuan framework css bootstrap. 

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 index1.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 index1.html :

E). Masalah yang Ditemukan
      Kurang paham tentang warna button, jadi saat di klik / kursornya diletakkan di tombol warna merah akan muncul warna merah. (yang saya garis bawah).

F). Kesimpulan

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

Cukup sekian informasi yang dapat saya berikan pada hari ini, jika ada kesalahan mohon maaf semuanya. Terimakasih telah mengunjungi blog saya dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

  ~ Wassalamu'alaikum Wr. Wb. ~