1. bootstrap 起步

最新推荐文章于 2024-09-09 23:15:35 发布

Class雷

最新推荐文章于 2024-09-09 23:15:35 发布

阅读量198

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/luke199257/article/details/81271523

版权

bootstrap 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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>