Pengertian Dan Cara Menggunakan Bootstrap

Assalamu'alaikum Wr... Wb...

Kali ini saya akan membagi sedikit tutorial tentang cara menggunakan bootstrap

A. Pengertian Dan Cara Menggunakan Bootstrap

     Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk bagian pengembangan front-end website. bootstrap merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer. pada saat ini hampir semua web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class tertentu untuk misalnya membuat tombol, grid, navigasi dan lainnya.

B. Latar Belakang
 
     Bootstrap telah menyediakan kumpulan komponen class interface dasar yang telah di rancang sedemikian rupa untuk menciptakan tampilan yang menarik, bersih dan ringan. selain komponen class interface, bootstrap juga memiliki fitur grid yang berfungsi untuk mengatur layout pada halaman website yang bisa digunakan dengan sangat mudah dan cepat. dengan menggunakan bootstrap kita juga di beri keleluasaan dalam mengembangkan tampilan website yang menggunakan bootstrap yaitu dengan cara mengubah tampilan bootstrap dengan menambahkan class dan CSS sendiri.

C. Alat dan Bahan

• Laptop
• CSS Bootstrap 

D. Maksud dan Tujuan

     interface twitter di bangun dengan menggunakan bootstrap. Bootstrap berisi kumpulan class yang siap pakai. misalnya anda ingin membuat sebuah tombol dengan cepat dan tana harus merancang dan mengetikkan syntax css untuk membuat sebuah tombol, maka dengan bootstrap anda dapat membuatnya dengan sangat cepat, yaitu hanya dengan menambahkan class “btn”

E. Tahapan Pelaksanaan Kegiatan

1. Membuat Table Dengan Bootstrap

 2. Membuat Tampil Gambar dengan Bootstrap

 3. Membuat Tombol dengan Bootstrap

 4. Membuat Jumbroton dengan Bootstrap

 5. Membuat Pesan Alert dengan Bootstrap

 6. Membuat Icon dengan Bootstrap

 7. Membuat Pagination dengan Bootstrap

 8. Membuat Breadcrumb dengan Bootstrap

 9. Membuat List dengan Bootstrap

 10. Membuat Panel dengan Bootstrap

F. REFERENSI
http://www.malasngoding.com/ 
https://en.wikipedia.org/ 

G. Hasil dan Kesimpulan

     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.

Sekian dari saya semoga bermanfaat,
Wassalamu'alaikum W