Disusun oleh:

Tim Dosen Pemograman Web

 Bootstrap adalah sebuah framework yang
berisi library CSS yang dibuat 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 cepat.
 Mempermudah hidup, Penggunaan bootstrap
sangat menghemat waktu development.
 Tampilan bootstrap yang sudah cukup modern.
 Open Source.
 Mobile Friendly, mendukung segala jenis resolusi,
baik itu pc, laptop, tablet dan smartphone.
 Kompatibel dengan semua web browser modern.
 Sangat ringan.
 Relatif mudah dipelajari.
 Jumlah themes-nya banyak sekali.
 Lots of codes.
 Banyak website yg menggunakannya.
Sehingga bisa jadi tampilan website anda
banyak kembarannya.
 Extensive classes
 Untuk mendukung proses Prototyping
 Untuk mempercepat waktu development
 Untuk bisa menggunakan bootstrap, minimal
anda harus menguasai skill:
 HTML,
 CSS,
 Javascript dasar.
 Saat ini bootstrap sudah sampai versi 4.0
 https://getbootstrap.com/
 Karena contoh diatas dibuat project PHP, maka
pastikan xampp sudah terinstall & sudah hidup
servicenya
https://getbootstrap.com/docs/4.0/examples/grid/
 Anda harus membungkus kolom di dalam:
<div class= “row”>...</div>
<img src="..." alt="..." class="img-circle">

<img src="..." alt="..." class="img-rounded">

https://getbootstrap.com/docs/4.0/content/images/
<img src="..." class="img-fluid" alt="Responsive image">
https://getbootstrap.com/docs/4.0/components/navbar/
https://getbootstrap.com/docs/4.0/components/buttons/
https://getbootstrap.com/docs/4.0/components/forms/
https://getbootstrap.com/docs/4.0/components/pagination/
Dan masih banyak lagi komponen lainnya,
silahkan anda eksporasi sendiri dengan
membaca dokumentasi bootstrap

https://getbootstrap.com/docs/4.0/getting-
started/introduction/

Dan contoh-contohnya
https://getbootstrap.com/docs/4.0/examples/
 Bootstrap sangat bagus untuk pembuatan
prototipe & proses development yang
cepat
 Built-in komponen & CSS sangat
memudahkan hidup front-end developer.
 Sistem grid mengagumkan untuk situs
yang responsif.
 Perlu menambahkan themes kustom untuk
membuat situs Bootstrap Anda unik.
 Buatlah tampilan website dengan
menggunakan bootstrap.
 Buatlah custom css dengan memodifikasi css
bawaan bootstrap.
 https://getbootstrap.com/docs/4.0/getting-
started/introduction/
 https://www.w3schools.com/bootstrap4/def
ault.asp