Pada tutorial kali ini kita akan belajar Bagaimana Cara Download Dan Konfigurasi Bootstrap , sebelumnya bagi yang belum mengetahui apa itu bootstrap bisa di simak penjelasanya sebagai berikut .
Bootstrap adalah salah satu framework css yang paling populer di antara framework-framework css yang lainya , yang berguna untuk membuat sebuah website responsive dan bisa di buka di berbagai device layar. Jadi si boostrap memiliki kemampuan untuk mengatur dirinya sendiri agar sesuai dengan layar saat user mengakses website kita, tetapi dengan kita konfigurasi dan susun sendiri websitenya.
Lalu bagaimana Bagaimana Cara Download Dan Konfigurasi Bootstrap ?
Untuk mendownloadnya teman-teman bisa langsung menuju website resminya di www.getbootstrap.com dan tekan tombol download :
setelah di download maka akan mendapatkan 3 folder utama yaitu :
- CSS
- JS
- FONT
setalah di download dan di ekstrak, sekarang kita akan mencoba mengkonfigurasinya, sebenarnya sanagat amat mudah kita hanya butuh untuk copy paste saja untuk memulai memakai bootstrap.
buat file sejajar dengan 3 folder utama tadi dengan nama index.html,
lalu copy kan script berikut :
<!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″>
<!– The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags –>
<title>Bootstrap 101 Template</title>
<!– Bootstrap –>
<link href=”css/bootstrap.min.css” rel=”stylesheet”>
<!– HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src=”https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js”></script>
<script src=”https://oss.maxcdn.com/respond/1.4.2/respond.min.js”></script>
<![endif]–>
</head>
<body>
<h1>Hello, world!</h1>
<!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script>
<!– Include all compiled plugins (below), or include individual files as needed –>
<script src=”js/bootstrap.min.js”></script>
</body>
</html>
setelah di salin coba kalian jalankan , maka hasilnya akan muncul tulisan HALLO WORLD,
baiklah itu saja dari saya tentang materi Bagaimana Cara Download Dan Konfigurasi Bootstrap, sampai bertemu pada artikel selanjutnya.