【第四周作业】

11.24 主要学习了bootstrap的容器

知识点：

1.设置容器的边框、颜色

如：<div class="container p-5 my-5 border"></div> <div class="container p-5 my-5 bg-dark text-white"></div>

2.在容器中填充内容，并且有两个容器类可用：

   container 类提供了响应式的固定宽度容器

   container-fluid 类提供了全宽容器，跨越视口的整个宽度

3.固定容器：使用 .container 类创建响应式、固定宽度的容器

4.流体容器：使用 .container-fluid 类创建全宽容器，它总是跨越整个屏幕宽度（width 总是 100%)

5.响应式容器：默认情况下，容器有左右填充（左右内边距），没有顶部或底部填充（上下内边距）。因此，我们常使用 spacing 工具（utilities），诸如额外的填充和边距，使它们看起来更好。例如，.pt-5 的意思是“添加一个大的顶部填充”