BootStrap环境引入

本文引自：https://blog.csdn.net/qq_34505594/article/details/79515638
1.下载网址：https://v3.bootcss.com/，下载用于产生环境的bootstrap。

2.环境引入

方法一：在联网的状态下直接在之间写入代码；

注意：文档必须为html5

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

 
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

方法二：在网站下载bootstrap，https://v3.bootcss.com/getting-started/#download

解压后包含front，css，js三个文件夹，js文件中必须有jquery.min.js文件，打开cdn.bootcss.com/jquery/1.11.3/jquery.min.js网址，网页另存为到js文件夹中。Link是引入外部样式表，在之间写代码

<!--引入外部bootstrap中的css文件-->
<link rel=”stylesheet” herf=”bootstrap/css/bootstrap.min.css”>
<!--jQuery 引入，务必在bootstrap.min.js之前引入-->
<script src=”bootstrap/js/jquery.min.js”></script>
<!--再引入bootstrap.min.js文件-->
<script src=”bootstrap/js/bootstrap.min.js”></script>

或者

<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>	

补充：如果引入bootstrap后，引入自己的的css样式和bootstrap有冲突，则会优先显示bootstrap，如果想让自己的样式起到作用，要设置优先级，如下，在样式后面加上！important

.main{
    margin: 30px !important;
    background-color: white;
}