Menggunakan Boostrap Pada Halaman Web

Boostrap adalah framework atau tools yang digunakan untuk mempermudah dan mempercepat dalam pembuatan halaman website yang cantik dan responsive.

Ada banyak cara untuk menggunakan modul bootstrap pada halaman web, salah satunnya adalah dengan mendownload modul boostrap ke server host kamu. ini adalah cara yang paling nyaman apabila kamu ingin mengembangkan halaman web melalui localhost karena tidak membutuhkan koneksi internet untuk menggunakan kode bootstrap ke halaman web.

Berikut langkah-langkah install boostrap pada halaman index web: 

1. Masuk Ke website boostrap getboostrap.com 

2. Klik download boostrap, kemudian pilih download boostrap.

3. Setelah selesai buat folder asset di host kemudian extract  dan copy folder css, fonts dan js.

4. Kemudian panggil module bootstrap ke halaman index kamu

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="asset/css/bootstrap.min.css">
<script src="asset/js/bootstrap.min.js" type="text/javascript"></script>

Pada tahap ini boostrap telah siap untuk kamu gunakan.

Cara selanjutnya adalah menggunakan file boostrap yang disediakan oleh developer tanpa harus mendownload file bootstrap ke host kamu, cara ini lebih simple namun dalam tahap penggunaannya koneksi internet harus selalu ada untuk menggunakan module ini.

Berikut Langkah-langkahnya :

1. Masuk Ke website boostrap getboostrap.com, klik download boostrap

2. Pada Subjudul Boostrap CDN, klik copy.

3. Paste dibawah kode ini
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Sehingga kodenya akan menjadi seperti ini :
4. Jika benar kode boostrap akan berjalan pada halaman ini.