A. JUDUL
Pengenalan Bootstrap
B. PENDAHULUAN
1. Pengertian
Bootstrap adalah kerangka kerja front-end open source yang gratis dan terbuka untuk merancang situs web dan aplikasi web . Ini berisi template desain berbasis HTML dan CSS untuk tipografi , form, tombol, navigasi dan komponen antarmuka lainnya, serta ekstensi JavaScript opsional. Tidak seperti banyak kerangka web, ini hanya menyangkut pengembangan front-end saja.
2. Maksud dan Tujuan
- Mempercantik kerangka kerja front-end
- Dapat mempercepat waktu jika menggunakan bootstrap
Bisa lebih paham tentang bootstrap
C. ALAT DAN BAHAN
- Laptop
- Koneksi Internet (Mencari Referensi)
3 Jam
E. PEMBAHASAN
Struktur dan Fungsi :
Bootstrap bersifat modular dan terdiri dari serangkaian stylesheet Kurang yang menerapkan berbagai komponen toolkit. Lembar kerja ini umumnya disusun menjadi bundel dan disertakan dalam halaman web, namun komponen individual dapat disertakan atau dihapus. Bootstrap menyediakan sejumlah variabel konfigurasi yang mengendalikan hal-hal seperti warna dan padding berbagai komponen.
Sejak Bootstrap 2, dokumentasi Bootstrap menyertakan wizard kustomisasi yang menghasilkan versi Bootstrap yang disesuaikan berdasarkan komponen yang diminta dan berbagai pengaturan.
Pada Bootstrap 4, Sass digunakan sebagai pengganti Less for the stylesheet. Setiap komponen Bootstrap terdiri dari struktur HTML, deklarasi CSS, dan dalam beberapa kasus yang menyertai kode JavaScript.
Sistem grid dan desain responsif hadir standar dengan tata letak grid lebar 1170 piksel. Sebagai alternatif, pengembang dapat menggunakan layout dengan lebar variabel. Untuk kedua kasus tersebut, toolkit memiliki empat variasi untuk menggunakan berbagai resolusi dan jenis perangkat: ponsel, potret dan lansekap, tablet dan PC dengan resolusi rendah dan tinggi. Setiap variasi menyesuaikan lebar kolom.
F. HASIL YANG DI DAPATKAN
Paham tentang boostrap.
G. REFERENSI
- http://galeriprogramer.blogspot.co.id/2016/08/pengertian-bootstrap-fungsi-dan-juga.html
- https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
Emoticon