Pengenalan Bootstrap

Pemrograman WEB

Saturday, 23 March 2019 | 00:00 WIB

Apasih itu Bootstrap?

Apa itu Bootstrap?

Bootstrap adalah kerangka kerja front-end gratis untuk pengembangan web yang lebih cepat dan mudah
Bootstrap termasuk templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, tabel, navigasi, modem, korsel gambar dan banyak lainnya, serta plugin JavaScript opsional
Bootstrap juga memberi Anda kemampuan untuk dengan mudah membuat desain responsif

Keuntungan dari Bootstrap:

Mudah digunakan: Siapa saja yang hanya memiliki pengetahuan dasar tentang HTML dan CSS dapat mulai menggunakan Bootstrap
Fitur responsif: CSS responsif Bootstrap menyesuaikan ke ponsel, tablet, dan desktop
Pendekatan mobile-first: Dalam Bootstrap 3, gaya mobile-first adalah bagian dari kerangka kerja inti
Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Edge, Safari, dan Opera)

Cara Menginstal Bootstrap Secara Offline

Untuk memulai menggunakan Bootstrap kita harus mempersiapkan instalasi boostrap. Kamu bisa mendownloadnya di website resmi di https://getbootstrap.com/
Setelah file bootstrap sudah selesai di unduh kamu dapat megekstrak file ke dalam localhost kamu dan booststrap siap digunakan untuk membangun website responsif

Struktur pada Bootstrap

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.jss
│   └──npm.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2