TeknoTips

Cara Install Framework Bootstrap 4, Mudah Kok!

Bootstrap merupakan framework front-end web development yang patut untuk kamu coba. Framework ini mendukung penggunaan bahasa Html, CSS dan Javascript yang biasa digunakan oleh web desainer ataupun web developer bagian front-end.

Selain itu, Boot strap juga membuat tampilan website responsive artinya website yang dibuat cocok untuk dibuka dalam beberapa perangkat baik versi dekstop maupun mobile.

Nah, kali ini Dafunda Tekno akan membagikan tutorial menginstall  boot strap. Namun, sebelumnya diharapkan teman – teman sudah mempelajari bahasa pemrogaman seperti di bawah ini:

  1. HTML Fundamental
  2. CSS (Basic)
  3. Jquery (Basic)

Cara Install Bootstrap 

Dalam menginstall boot strap ada 2 cara yang bisa anda gunakan yaitu cara online dan offline.

1.Cara Install Bootstrap Secara Offline

Untuk menginstall boot strap secara offline, langkah pertama yang perlu anda lakukan adalah mendownload file bootsrap melalui website 
https://getbootstrap.com

Baca juga:  10 Website Era Internet Awal Yang Dulu Sering Kita Kunjungi
Homepage Bootstrap Min

Selanjutnya, pilih tombol download seperti gambar di atas

Tutor Install Bootstrap Min

Kemudian, pilih tombol download untuk mendownload file bootstrap. Nah, setelah mendownload file tersebut dalam bentuk zip. Ekstrak file tersebut dalam folder baru. Nantinya, kalian akan menemukan seperti ini.

Tutor Install Bootstrap 1 Min

Kemudian, langkah terakhir adalah kita perlu membuat file .html. Buka text editor kalian, kemudian paste kode dibawah ini.

<!Doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Belajar Bootstrap</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/jquery-3.2.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body>
  <h1> Instal Bootstrap Berhasil</h1>
</html>

Nah, jangan lupa file tersebut disimpan dalam bentuk html yaa. Jadi nantinya, di folder boot strap minimal ada 2 folder dan 1 file yaitu file css, js dan file html

2.Cara Install Bootstrap Secara Online

Nah, jika install bootstrap secara offline kita perlu mendownload terlebih dahulu. Kalau, secara online kita tidak perlu mendownloadnya. Cukup hanya dengan menuliskan alamat server yang menyimpan library boot strap. Namun, disini anda harus selalu terkoneksi dengan internet (online). 

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Belajar Bootstrap</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/jquery-3.2.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body>
  <h1> Install Bootstrap Online Selesai </h1>
  </body>
</html>

Related Posts

Leave Comment