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:

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

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).

Download Bootstrap autocomplete from Github> Extract the downloaded file.

Go to Sublime Text> Preferences > Browse Packages .

Copy the extracted file to the Packages folder just opened.

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.

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.