选中这个 row 里面的几个 column 元素，复制一份 ... row 里的所有 column 元素都是等宽的 .. 如果想分割成新的一行显示这些新添加的 column 元素，可以在这里添加一个带 w-100 类的元素，用它来分隔一下 ..

这样第一排显示三栏内容，剩下的会在第二排显示 ..

或者我们也可以直接添加两排内容 ... 就是两个带 row 类的容器 .. 然后里面分别包装各自的栏 ..

12 栏

Bootstrap 用的是 12 栏的网络系统，就是它会把一排内容分成十二份 .. 现在我们没在栏的容器上指定它占用的具体的网格数量 .. 所以它们会等分一排的宽度，就是 12 个网格的宽度 ..

现在我们可以在上面添加表示特定数量栏的类 .. 比如第一栏我打算让它占用 6 个网格，上面就用一个 col-6 .. 这样还剩下 6 个网格的宽度，剩下这两栏内容会等分这 6 个网格的宽度，就相当于是每栏内容占用 3 个网格的宽度 ..

在第二栏内容上，可以再添加一个 col-4，这样它会占用 4 个网格的宽度 .. 剩下的两个网格会留给第三栏内容 ..

在第三栏内容上，再添加一个 col-2 .. 这样跟刚才的效果是一样的 .. 再试一下，把 col-2 改成 col-4 ，让它占用 4 个网格的宽度 ..

这样这排内容的整体的宽度会占用 6 + 4 + 4 ，一共是十四个网格，因为Bootstrap 一排只能有 12 个网格的宽度，所以第三栏内容会被挤到第二排显示 ..