学习笔记：
各个类的作用：
containers：这个类是bootstrap框架最外层的类，它可以随着屏幕大小的变化而变化，另外还有container-fluid，它的宽度一直是100%；
row：表示“行”的意思，在它提供的栅格系统中，一行分成12列，超过12列就会换一行。
col：表示“列”的意思，col-4表示在这一行中，有4列合并成为一列，占据了4列的宽度。
align-items-center:表示这个类的子类的内容上下居中，align-items-start：表示这个类的子类的内容在顶部，align-items-end：表示这个类的子类的内容在底部。
align-self-start：表示这个类它自己控制自己在顶部显示，align-self-center：表示这个类它自己控制自己上下居中显示，align-self-end：表示这个类它自己控制自己在底部显示。
justify-content-start：这个标签的子标签的内容在水平方向上向左对齐，justify-content-center：这个标签的子标签的内容在水平方向上居中对齐，justify-content-end：这个标签的子标签的内容在水平方向上向右对齐，justify-content-between：这个标签的子标签的内容在水平方向上，空余的地方留在中间，内容在两边，justify-content-around：这个标签的子标签的内容在水平方向上，空余的地方平均分配到两边，内容在中间。
col-sm：当浏览器的宽度小于576px的时候，他们会堆叠到一块显示，变化如下图：
另外还有col-lg：大尺寸屏幕；col-md：中等尺寸屏幕。不同的尺寸的屏幕可以设置不同的列的占比，从而实现多种设备适配的效果。