1. bootstrap 起步

版权声明：只是总结,如有雷同纯属巧合 \ 几乎所有的常态加班都是老板无能 https://blog.csdn.net/luke199257/article/details/81271523

https://v3.bootcss.com/

起步

本地导入

<meta charset="utf-8"> 
<!-- 自适应设备大小 根据宽度自适应:width=device-width 缩放比:initial-scale=1--> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- 这是网页名称 --> 
<title>bootstrapDemo1</title> 
<!-- bootstrap css --> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> 
<!-- jQuery --> 
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> 
<!-- bootstrap js --> 
<script src="s/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> 

 网络导入(阿里巴巴服务器)

<!-- 最新版本的 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>