如何使用bootstrap-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_60142983/article/details/137245858

1.访问网站并下载: 起步 · Bootstrap v3 中文文档 | Bootstrap 中文网

2.下载完成后解压：直接把整个dist文件夹里面的所有内容都复制到项目中去

3.下载jquery.js并拷贝到项目的js目录中，官网https://jquery.com/

4.把网页代码写在模板中

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" /> <!--使用X-UA-Compatible来设置IE浏览器兼容模式最新的渲染模式-->

<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--viewport表示用户是否可以缩放页面;width指定视区的逻辑宽度;device- -width指示视区宽度应为设备的屏幕宽度;initial-scale指令用于设置Web页面的初始缩放比例initial-scale=1则将显示未经缩放的Web文档 -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Bootstrap的HTML标准模板</title>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!--载入Bootstrap 的css -->

</head>

<body>

网页代码

<!--如果要使用Bootstrap的js插件，必须先调入jQuery -->

<script src="js/jquery-3.4.1.js"></script>

<!--包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->

<script src="bootstrap/js/bootstrap.min.js"></script>

</body>

</html>