2 Ways to Install Bootstrap on Windows Offline / Online (+Pictures)

Two ways to install bootstrap on windows offline and complete online for beginners

The need for a website today is very much needed by Internet users. Therefore, many people are starting to develop websites with various kinds of content in them.

There is a lot of website content circulating on the Internet, for example, such as government websites, educational websites, technology websites and websites with other discussions.

The website is a source of information for the public because it provides a lot of information about anything in this world. You can learn, teach, and even work through a website.

For those of you who are interested in developing a website, then you need to learn about web programming. Because we need expertise to create a website. Likewise with making the interface design.

How to Install Bootstrap on Windows for Beginners

One of the most important things on a website is the interface design of the website. Why ? Because people from various backgrounds will visit your website. So you have to make a website that is user friendly and everyone can operate it. Well, one of the tools that is often used by web developers to create the interface design of a website is Bootstrap.

However, do you know what Bootstrap means? Bootstrap is a framework that we can use to design a website. With Bootstrap, we can create a website display quickly and easily.

Bootstrap already has all types of HTML files and other design templates based on CSS. You can create grids, buttons, navigation and more using bootstrap.

If you want to use Bootstrap, you have to install it first before you use it. Well, there are two ways to install it, namely online and offline. Here’s how to install Bootstrap on Windows.

1. Install Bootstrap Offline

To install Bootstrap Offline, you must first download the Bootstrap file. And here’s how to install Bootstrap Offline.

1. First download the bootstrap file through the official website. Click here to download the Bootstrap file. Then right click on the file to extract it. Next click Extract Here.

2. Next open your text editor. You can use notepad or Sublime. Here I use Sublime Text.

3. Then click menu File in the Sublime application toolbar. Then click menu New File.

4. Then save the file by clicking the menu File then select menu Save.

5. Save the file in the bootstrap folder. Then give the file name index.html. Make sure that you have to give the extension to HTML. Then click the button Save.

6. Then type the script as shown in the image below.

In the div and table tags, you can call the class name that has been provided by Bootstrap. You can learn about it through the official Bootstrap page.

7. You can also style the buttons.

8. Now you can run the index file in a web browser and see the results. The style on the table and button is the result of the style that we call via bootstrap.

2. Install Bootstrap Online

If previously explained about how to install Bootstrap offline, then now I will explain how to install Bootstrap online. Here are the steps.

1. Go to the official Bootstrap page then click menu Introduction which is located on the left side of the website.

2. Then look at the Starter Template section. Click button Copy to copy the script.

3. Create a new file called index.html and Paste the script that we copied earlier into the Index.html file.

4. Now, what is shown in the red box is a script to install Bootstrap online.

5. And now you can freely style the components in the HTML file.

6. Try to display the index file in a Web browser and see the results.

This is an article that explains how to install bootstrap on Windows offline or online. Hopefully this article can be useful for you.

Just someone who loves to write and is interested in Technology. And people who always believe in the words ‘Effort will not betray Results’.

Share :