Home > Developer > Web Develop
The bootstrap methods are divided into two types: 1) bootstrap download to local reference 2) online reference bootstrap
Reference method
1)
Download the bootstrap to the desktop and unzip it (you can, of course, put the extracted bootstrap file anywhere, but the extracted bootstrap file must be in the same directory as the HTML), and the HTML file I wrote myself on the desktop, I downloaded the bootstrap-3.3.7-dist.
Bootstrap-3.3.7-dist after decompression
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
<meta name= "viewport" content= "Width=device-width, initial-scale=1" >
<meta charset= "UTF-8" >
<title> introducing bootstrap into an HTML file </title>
<link href= "Bootstrap-3.3.7-dist/css/bootstrap.min.css" rel= "stylesheet" >
<!--<link rel= "stylesheet" href= "Https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity= " Sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u "crossorigin=" Anonymous ">-->
<body>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
Helloword
</body>
2) Online Reference
On Boostrap official website http://v3.bootcss.com/getting-started/#download
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
<meta name= "viewport" content= "Width=device-width, initial-scale=1" >
<meta charset= "UTF-8" >
<title> introducing bootstrap into an HTML file </title>
<!--<link href= "bootstrap-3.3.7-dist/css/bootstrap.min.css" rel= "stylesheet" >-->
<link rel= "stylesheet" href= "Https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity= " Sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u "crossorigin=" Anonymous ">
<body>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
<div class= "Col-md-3" >abcdefg</div>
Helloword
</body>
introduce OK to see the effect
HTML Introduction Bootstrap
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
