Belajar Membuat Website Dengan Bootstrap 4

Membuat Website Dengan Bootstrap 4


Ketika kita ingin membuat web, ada banyak metode/cara untuk membuatnya, namun sering kita merasa belajar membuat web sendiri itu cukup susah dan repot karena harus mengatur ini dan itu, tapi jangan khawatir, hadirnya Bootstrap sangatlah membantu. Berikut adalah tutorial singkat membuat web sederhana dengan bantuan Bootstrap.

1.  Buka alamat web Bootstrap di browser anda: https://getbootstrap.com/
    
Halaman Utama Bootstrap 4


2.  Ketika anda berada di halaman utama Bootstrap, ada dua pilihan yaitu Get Started dan Download
     Pilih Get Started jika kita akan menggunakan library Bootstrap secara online, atau
     Pilih Download, jika kita akan menggunakan library Bootstrap secara offline
3.  Dalam tutorial ini, kita akan pilih metode secara online
4.  Kemudian cari/scroll mouse anda ke bawah untuk mencari Starter Template
Starter Template Bootstrap 4

5.  Klik tombol copy atau blok tulisan di Starter Template
6.  Buka code editor anda, atau bisa juga menggunakan notepad, lalu copykan pada notepad tersebut

Notepad Untuk Menulis Kode HTML dari Bootstrap

7.  Setelah di copy, kemudian simpan dengan nama index.html
8.  Lalu klik 2 kali pada index.html untuk mencoba hasilnya.
Hasil yang sudah anda buat

9.  dan.......Selesai....Selamat! anda sudah bisa membuat website yang sederhana.

Demikianlah tutorial singkat untuk membuat website sederhana dengan Bootstrap 4


EmoticonEmoticon