Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / News

How to Install Bootstrap 4 Framework, It's Easy!

Posting Komentar

Bootstrap is a front-end web development framework that you should try. This framework supports the use of HTML, CSS and Javascript languages ​​which are commonly used by web designers or front-end web developers.

In addition, the Boot strap also makes the website look responsive, meaning that the website is made suitable to be opened on several devices, both desktop and mobile versions.

Well, this time Dafunda Tekno will share a tutorial on installing a boot strap. However, previously it is hoped that friends will have learned a programming language like the one below:

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

How to Install Bootstrap

In installing the boot strap, there are 2 ways you can use it, namely the online and offline method.

1. How to Install Bootstrap Offline

To install the boot strap offline, the first step you need to do is download the bootstrap file via the website
https://getbootstrap.com

Homepage Bootstrap Min

Next, select the download button as shown above

Tutor Install Bootstrap Min

Then, select the download button to download the bootstrap file. Well, after downloading the file in zip form. Extract the files in a new folder. Later, you will find something like this.

Tutor Install Bootstrap 1 Min

Then, the final step is that we need to create an .html file. Open your text editor, then paste the code below.

<!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="https://dafunda.com/tekno/install-bootstrap/bootstrap/css/bootstrap.min.css" rel="stylesheet">    <script src="https://dafunda.com/tekno/install-bootstrap/bootstrap/js/jquery-3.2.1.js"></script>    <script src="https://dafunda.com/tekno/install-bootstrap/bootstrap/js/bootstrap.min.js"></script>  </head>  <body>  <h1> Instal Bootstrap Berhasil</h1></html>

Well, don’t forget that the file is saved in html form. So later, in the boot strap folder, there are at least 2 folders and 1 file, namely css, js and html files

2. How to Install Bootstrap Online

So, if you install bootstrap offline we need to download it first. If, online we don’t need to download it. It is enough just to write down the address of the server that stores the boot strap library. However, here you must always be connected to the 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="https://dafunda.com/tekno/install-bootstrap/bootstrap/css/bootstrap.min.css" rel="stylesheet">    <script src="https://dafunda.com/tekno/install-bootstrap/bootstrap/js/jquery-3.2.1.js"></script>    <script src="https://dafunda.com/tekno/install-bootstrap/bootstrap/js/bootstrap.min.js"></script>  </head>  <body>  <h1> Install Bootstrap Online Selesai </h1>  </body></html>

Posting Komentar untuk "How to Install Bootstrap 4 Framework, It's Easy!"