Bootstrap的学习笔记

1 前言

今天开始学习Bootstrap啦~

2 布局——container

2.1 container的左右两侧会有空白——px-0

container的两侧可能会出现空白，（如果设置了背景色，就会出现背景色，这里实际上两边都是背景色），就像这样，

这是由于container内部的padding设置造成了，如果想去除这个“留白”，需要将padding设置为0，

即：px-0

效果如下：

2.2 row的右侧可能会有空白——no-gutters

在Bootstrap中，row表示布局中的一行，它的右侧也可能会有“留白”，如图所示，

这是需要给row控件加入设置no-gutters，

<div className="row no-gutters">

就可以去掉这个“留白”的部分，则设置后的效果为，