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
- You visit this link to download Bootstrap to your computer
- Extract the downloaded Bootstrap file, copy the file and place it in the same directory as the html file you plan to use Bootstrap.
- 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.
You should read it
- Top 5 popular CSS Framework that you should keep in mind
- Design website running on multiple devices (responsive web design) in HTML
- How to download and install Map Minecraft
- Download Au Mix for PC, install Au Mix on your computer
- Download and install Arduino on the computer
- How to download Direct X and install DirectX on your computer
- Download Pascal and install Pascal on Windows
- Steps to download and install Optifine to play Minecraft smoother
May be interested
- Instructions for installing Sublime Textsublime 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 MatLabcurve 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 Scratchscratch 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 Scratchscratch 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 browsergithub 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 GitHubrust is an emerging programming language, designed for high performance systems, strong security capabilities.