Cara Install Framework Bootstrap 4, Mudah Kok!


Bootstrap Min

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

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.

ARTIKEL TERKAIT
Bikin Websitemu Makin Berwarna, Ini Dia 5 Macam Metode Pewarnaan CSS
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>


Suka? Ayo Bagikan konten ini Ke teman agar makin Seru!

0 Komentar

Bagaimana perasaan kamu setelah membaca konten ini?

Ngakak Ngakak
0
Ngakak
Bingung Bingung
0
Bingung
Takjub Takjub
0
Takjub
Suka Suka
0
Suka
Marah
0
Marah
Sedih
0
Sedih
channabeck

Editor in Chief di Dafunda Tekno. Mahasiswa yang sedang tertatih mengembangkan bisnis startup.

Mau Berbagi Apa Hari ini?
Artikel
Konten Original dari Kamu atau Berita Seputar Geek dan Pop-culture
Daftar / List
Daftar atau List Klasik yang Sering kamu temukan di dunia maya
Peringkat
List Peringkat yang Bisa di Upvote atau Downvote oleh Komunitas untuk menentukan Urutan Terbaik