Bootstrap学习记录【1】【引入及布局】

Bootstrap学习记录【1】

下载了Bootstrap的安装包后，在建项目时，将
解压出来的文件中的整个dits文件拷贝到自己的项目中，就可以使用了，为了明显区别，可将dist文件名改为bootstrap：

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="jquery-3.4.1/jquery-3.4.1.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

此处注意：如果要使用Bootstrap的js插件，必须先调入jQuery，因为Boorstrap依赖于jQuery

善用div标签，因为在Bootstrap中，很多其他效果都使用div来实现的。

1.布局容器
（1）.container类用于固定宽度，并支持响应式布局的容器，两侧会有空白（更常用）

<div class="container">
</div>

（2）.container-fluid类用于100%宽度，占据全部视口（viewport）的容器

<div class="container-fluid">
</div>

两种布局不兼容，不建议嵌套使用

学习来源：
https://www.bilibili.com/video/BV1Pz4y1k7g5?from=search&seid=12895899452417695000
学习进度：92、93