Anda di halaman 1dari 6

PENGERTIAN BOOTSTRAP

BOOTSTRAP ADALAH OPEN-SOURCE FRAMEWORK FRONT-END YANG


BEBAS UNTUK MERANCANG SITUS WEB DAN APLIKASI WEB.
FRAMEWORK INI BERISI TEMPLATE DESAIN BERBASIS HTML DAN CSS
UNTUK TIPOGRAFI, FORMULIR, TOMBOL, NAVIGASI DAN KOMPONEN
ANTARMUKA LAINNYA, SERTA JUGA EKSTENSI OPSIONAL JAVASCRIPT.
CARA MENGGUNAKAN BOOTSTRAP

Jika kita telah mempunyai Web HTML dengan coding seperti dibawah ini:

1.<!DOCTYPE html>
2.<html>
3.<head>
4.<title>Bootstrap 101 Template</title>
5.<meta name="viewport" content="width=device-width, initial-scale=1.0">
6.</head>
7.<body>
8.<h1>Hello, world!</h1>
9.<script src="http://code.jquery.com/jquery.js"></script>
10.</body>
11.</html>

Untuk merubah agar bisa menggunakan, bootstrap, Anda tinggal menyisipkan di bagian head beberapa
baris untuk loading style dan javascript bootstrap sebagai berikut (lihat tambahan di baris 8 dan 9):
KELEBIHAN BOOTSTRAP
A. DIBANGUN MENGGUNAKAN LESS.
B. TEKNOLOGI CSS YANG SEDERHANA DAN MUDAH DIGUNAKAN.
C. ANDA DAPAT MENGAKSES DENGAN MUDAH INFORMASI DAN FUNGSI WARNA, VARIABEL, DAN OPERASI
PENGGUNAAN
D. KOMPATIBEL DI SEMUA BROWSERJADI TIDAK PERLU TAKUT HASILNYA BERLAINAN KETIKA DI BUKA DI
BROWSER YANG BERBEDA DAN HAL INI TENTUNYA MEMPERMUDAH WEB DESIGNER DALAM MENGEMBANGKAN
WEBSITE NYA. (DENGAN VERSI TERTENTU PASTINYA KARENA BOOTSTRAP REQUIRES HTML5 DOCTYPE DAN CSS3
E. OPENSOURCE
F. BOOTSTRAP LEBIH LENGKAP KARENA MENCAKUP HTML, CSS, AND JAVASCRIPT. JUGA MENDUKUNG
RESPONSIVE WEB DESIGN.BOOTSTRAP MEMBAGI LEBAR LAYAR MENJADI 12 BAGIAN. SEHINGGA PEMBAGIAN
KOLOM PER KOLOM TAMPILAN WEB AKAN MENJADI LEBIH MUDAH
KEKURANGAN BOOTSTRAP
• 1. MINIM GAMBAR KARENA MENGGUNAKAN CSS3.
• 2. BELUM MAMPU MEMBERIKAN TAMPILAN YANG SESUAI DI SEMUA WEB BROWSER.
• 3. MEMBUAT KITA MENJADI KURANG KREATIF KARENA TERPAKU DENGANCODING YANG DIKEMBANGKAN
OLEH DEVELOPER.

Anda mungkin juga menyukai