Cara Install Framework Bootstrap Offline

by | Apr 24, 2016 | Bootstrap, Tips dan Trik | 0 comments

Halo, ketemu lagi nih :). Apa kabarnya ? Semoga baik yah, amin.

Pada kesempatan kali ini saya akan sedikit menjelaskan bagaimana Cara Install Framework Bootstrap Offline, Nah bagi kalian yang masih bingung cara menggunakan bootstrap alangkah baiknya untuk menyimak uraian berikut ini.

Sebelum menggunakan Bootstrap langkah pertama yang harus dilakukan adalah kita harus install dulu komponen-komponen bootstrap nya, nah apa aja komponen yang ada di dalam Bootstrap ?

Berikut adalah komponen yang harus ada dalam Bootstrap:

1. Download file Bootsrap.

2. Setelah itu, extract file Bootstrap nya, nah nanti didalam nya akan ada beberapa file, diantaranya file CSS, fonts, dan JS.

3. Kemudian kita perlu menambahkan index.html khusus Bootstrap, cara nya buat file HTML, dengan nama index.html kemudian ketikan kode 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.2/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.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

4. Kalo sudah, simpan file index.html sejajar dengan file CSS, fonts, dan js yang sudah di download.

Nah kalo sudah semua file ada, kita bisa menggunakannya untuk membuat website responsive, baik sampai disini artikel mengenai Cara Install Framework Bootstrap Offline, semoga bermanfaat, amin.