Bootstrap - Bagaimana cara menggunakan Bootstrap dan cara Me-installnya

Assalamualaikum wr.wb

Sebelumnya saya membahas tentang pengenalan bootstrap lalu selanjutnya dan pada kesempatan kali ini saya akan membahas tentang bagaimana cara menggunakan bootstrap dan cara menginstallnya.

1. Latar Belakang
Masih banyak orang yang berminat menggunakan bootstrap tetapi masih bingung bagaimana cara installnya dan cara menggunakannya .

2. Maksud Tujuan
Agar dapat memahami bagaimana cara menggunakannya dan cara me-installnya

3. Alat dan Bahan

Linux Mint 17.3
File library bootstrap

4. Langkah kerja
Langkah - langkah menggunakan bootstrap :
1. Pertama, Anda harus me-install terlebih dahulu bootstrap dapat di download Disini.

Bagaimana cara install-nya, ada beberapa cara untuk me-install bootstrap :
1. Me-install dengan composer

"composer require twbs/bootstrap

2. Me-install dengan bower

"bower install bootstrap

3. Me-install dengan npm

"npm install bootstrap

4. Me-install dengan Online
Install bootstrap secara online, dapat menggunakan sintaxs dibawah ini dan diletakan diantara <head></head>:

"
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">


<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

5. Me-install dengan offline
Cara ini banyak digunakan oleh developer-developer dikarenakan pengguna dapat bekerja tanpa membutuhkan koneksi internet. karena file framework bootstrap berada pada penyimpanan PC lain dengan peng-installan secara online file-file framework bootstrap berada pada server luar.

2. Setelah di-download kemudian save file framework bootstrap pada file system anda / pada localhost (linux) var/www/html kemudian ekstrak file tersebut .

3. Kemudian untuk menghubungkannya buatlah file HTML/PHP yang akan kita hubungkan dengan bootstrap .
contoh saya membuat file index.php, selain itu juga bootstrap membutuhkan jquery karna bagian javascripnya menggunakan jquery jadi jangan lupa untuk menambahkan file jquerynya pada folder js bootstrap.
file index.php

<!DOCTYPE html>
<html>
<head>
    <title> Cara Menggunakan Bootstrap</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
    <h1>Cara Menggunakan Bootstrap</h1>
    <button class="btn btn-danger">TOMBOL MERAH</button>
    <button class="btn btn-primary">TOMBOL BIRU</button>
</body>
</html>

Bagian tulisan yang berwarna merah merupakan yang menghubungkan antara file halaman index.php dengan bootstrap.

5. Kesimpulan
Kesimpulannya adalah bahwa bootstrap dapat digunakan dengan beberapa cara, tetapi sebagian banyak orang lebih banyak menggunakan bootstrap dengan cara offline karena banyak memiliki keuntungan tersendiri untuk penggunanya .

6. Referensi