How to install Bootstrap on the computer

There are 2 ways to install Bootstrap, one is to download Bootstrap and save it on your computer, the other is to use a CDN. Using CDN is convenient, you only need to insert the code into Bootstrap file, but the limitation is that when the network is flickering, the operation is a bit uncomfortable.

In this tutorial, I use Sublime Text 3 to illustrate 2 ways to install Bootstrap for you.

1. Use the CDN

MaxCDN provides CDN support for Bootstrap's CSS and JavaScript, you must also include jQuery. All you need to do is copy the following code and paste it into the tag of the html file.

Your html file will look like this:

How to install Bootstrap on the computer Picture 1

2. Download and install Bootstrap

  1. You visit this link to download Bootstrap to your computer
  2. Extract the downloaded Bootstrap file, copy the file and place it in the same directory as the html file you plan to use Bootstrap.
  3. Create a link tag within the tag and point to the file bootstrap.css or bootstrap.min.css:

Add a tag

How to install Bootstrap on the computer Picture 2

So, the installation of Bootstrap was successful. To make learning Bootstrap easier, you can install the following 2 plugins for Sublime Text: Bootstrap autocomplete and Bootstrap Snipets .

3. Install the Bootstrap plugin for Sublime Text

3.1. Install Bootstrap autocomplete for Sublime Text 3

Open Sublime Text> go to Tool > select Install Package Control . and wait a while for the installation process to complete. (If you have done this before, skip this step).

How to install Bootstrap on the computer Picture 3

Download Bootstrap autocomplete from Github> Extract the downloaded file.

Go to Sublime Text> Preferences > Browse Packages .

How to install Bootstrap on the computer Picture 4

Copy the extracted file to the Packages folder just opened.

How to install Bootstrap on the computer Picture 5 After installation is complete, restart Sublime Text. From now on when you type a Bootstrap component into Sublime Text you will get a hint and just choose to complete your code.

How to install Bootstrap on the computer Picture 6

3.2. Install Bootstrap Snipets for Sublime Text

Download Bootstrap Snipets and install the same as above.

Now get ready to familiarize yourself with the first components in Bootstrap.

4 ★ | 39 Vote

May be interested

  • Instructions for installing Sublime TextPhoto of Instructions for installing Sublime Text
    sublime text is a cross-platform code editor that is widely used and popularized by programmers. the software supports many programming languages ​​and markup languages ​​or free plugins
  • How to Do Curve Fitting in MatLabPhoto of How to Do Curve Fitting in MatLab
    curve fitting is an important tool when it comes to developing equations that best describes a set of given data points. it is also very useful in predicting the value at a given point through extrapolation. in matlab, we can find the...
  • How to Use ScratchPhoto of How to Use Scratch
    scratch is a great educational tool developed by mit. it enables nearly anyone to experiment with the basics of vector art, animation, and game development. you can create projects by yourself, or you can collaborate with other creators...
  • How to Make a Game on ScratchPhoto of How to Make a Game on Scratch
    scratch is a popular visual programming language developed by mit media lab as a children's educational tool. it is available online, with desktop versions available for mac os, windows, chrome os, and android. this wikihow teaches you the...
  • GitHub introduces a new feature that allows you to write code directly in the browserPhoto of GitHub introduces a new feature that allows you to write code directly in the browser
    github has launched codespaces - a feature that allows you to write code directly on the web without setting up any additional requirements.
  • Microsoft officially announced the Rust / WinRT project on GitHubPhoto of Microsoft officially announced the Rust / WinRT project on GitHub
    rust is an emerging programming language, designed for high performance systems, strong security capabilities.