Tutorial Series

Video Tutorial Dasar Bootstrap 3 - Cara Install Bootstrap 3

f190c95b6f3467ceb2ffd24cc130e1d0

Hai, bagaimana kabarnya semua? semoga baik-baik saja
BoDes kali ini mencoba beralih membuat suatu video screencast, dengan tujuan agar temant-teman lebih mudah mendalami dunia programming dan lebih jelasnya bisa berkunjung ke channel youtube saya.

Tutorial kali ini kita akan menginstal Bootstrap 3 di Laptop/ PC kita dan kita bisa gunakan secara offline. Simak video berikut:

Baca juga : Video Tutorial Dasar Bootstrap 3 - Berkenalan dengan Twitter Bootstrap



Bahan-bahan dan langkah-langkah:

  1. Download file-file bootstrap - http://getbootstrap.com/getting-started/#download
  2. Buat folder misalkan dengan nama install-bootstrap
  3. Buka file yang sudah di download tadi kemudian ekstrak folder css, js, dan fonts kedalam folder install-bootstrap
  4. Buat file misalkan dengan nama index.html kemudian masukan kode berikut
  5. Save file index.html kemudian jalankan di melalui browser


Masukan kode berikut pada file index.html

<!DOCTYPE html>
<html>
<head>
    <title>Install Bootstrap - Tutorial Dasar Bootstrap</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <h1>Hello World!</h1>
</div>
</body>
</html>

Sekian tutorial series kali ini semoga bermanfaat
Salam BoDes