PENGERTIAN
Twitter Bootstrap saat
ini sedang menjadi bahan pembicaraan di dunia web karena digunakan untuk membuat desain web oleh para
pengembang web.
Menurut Abdulloh (2015:139)[1]
“Bootstrap merupakan salah satu framework
CSS yang sangat populer dikalangan pecinta pemrograman website. Dengan
bootstrap, proses desain website tidak dibuat dari nol, sehingga proses desain
website lebih cepat dan mudah”.
[1] Abdulloh, Rohi. 2015. Web
Programming is Easy Panduan Membangun Web Responsive dengan PHP, jQuery, dan
Bootstrap. Jakarta. PT Gramedia.
CARA MENDAPATKAN BOOTSTRAP
Bootstrap dapat diundur pada situs resminya, yaitu http://getbootstrap.com/getting-started/.
KEUNTUNGAN MENGGUNAKAN BOOTSTRAP
Berikut ini akan di jelaskan beberapa kegunaan yang telah menjadi kelebihan pada bootstrap. 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
CARA MENGGUNAKAN BOOTSTRAP SECARA OFFLINE
Berikut ini adalah metode yang digunakan untuk menyambungkan HTML ke Bootstrap, sebetulnya terdapat dua cara untuk menghubungkan HTML dengan Bootstrap, yaitu metode online dan metode offline, pada kesempatan ini penulis lebih memilih metode yang kedua yaitu metode offline. Berikut markup untuk menghubungkan dengan bootstrap secara offline.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
<!-- Javascript Bootstrap -->
<script type="text/javascript" src="bootstrap/js/jquery.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<title>Latihan CRUD</title>
</head>
<body>
ISI HALAMAN WEB
</body>
</html>
Keterangan :
- Tulisan yang berwarna merah merupakan link dari bootstrap.
- Terdapat dua bagian, yaitu link untuk css dan link untuk javascript
- Tulisan yang berwarna merah merupakan link dari bootstrap.
- Terdapat dua bagian, yaitu link untuk css dan link untuk javascript