Html 如何将列从三个减少到两个，而不在下面移动-引导

我正在尝试使用这段html/css作为一个行分隔符。然而；当我试着去掉一个列，让它像2个列一样，用25%/75%的比例分割，它会出现小故障，并使它位于它下面，行分隔符消失了。另外，我怎样才能使分线器不象现在这样接近顶部，我希望顶部有一个间隙

/*平板电脑和更大的*/
@介质（最小宽度：768px）{
.格栅分隔器{
位置：相对位置；
填充：0；
}
.grid divider>[class*='col-']{
位置：静态；
}
.grid divider>[class*='col-']：第n个子项（n+2）：之前{
内容：“；
左边框：1px实心#DDD；
位置：绝对位置；
排名：0；
底部：0；
}
.col padding{
填充：0 15px；
}
}

将（.grid divider）类添加到任意行，以使用等高线分隔网格列。
第1栏
Lorem ipsum dolor sit amet，奉献精英。最低费用

第2栏
Lorem ipsum dolor sit amet，奉献精英。在最大的特尼乌尔药用植物中，有一种被称为多洛锶化合物的物质

第3栏
Lorem ipsum dolor sit amet，奉献精英。这是一种新的铜酸盐，是一种特殊的物质。这是一种新的铜酸盐，是一种特殊的物质。这是一种新的铜酸盐

您可以查看下面修改的

代码段

我已经添加了一个class
.pb-15
，以便根据您的要求为顶部分隔器留出间隙


/*平板电脑和更大的*/
@介质（最小宽度：768px）{
.格栅分隔器{
位置：相对位置；
填充：0；
}
.grid divider>[class*='col-']{
位置：静态；
}
.grid divider>[class*='col-']：第n个子项（n+2）：之前{
内容：“；
左边框：1px实心#DDD；
位置：绝对位置；
排名：0；
底部：0；
}
.col padding{
填充：0 15px；
}
}
.pb-15{
填充底部：15px！重要；
}

将（.grid divider）类添加到任意行，以使用等高线分隔网格列。
第1栏
Lorem ipsum dolor sit amet，奉献精英。最低费用

第2栏
Lorem ipsum dolor sit amet，奉献精英。在最大的特尼乌尔药用植物中，有一种被称为多洛锶化合物的物质

您可以查看下面修改的
代码段

我已经添加了一个class
.pb-15
，以便根据您的要求为顶部分隔器留出间隙


/*平板电脑和更大的*/
@介质（最小宽度：768px）{
.格栅分隔器{
位置：相对位置；
填充：0；
}
.grid divider>[class*='col-']{
位置：静态；
}
.grid divider>[class*='col-']：第n个子项（n+2）：之前{
内容：“；
左边框：1px实心#DDD；
位置：绝对位置；
排名：0；
底部：0；
}
.col padding{
填充：0 15px；
}
}
.pb-15{
填充底部：15px！重要；
}

将（.grid divider）类添加到任意行，以使用等高线分隔网格列。
第1栏
Lorem ipsum dolor sit amet，奉献精英。最低费用

第2栏
Lorem ipsum dolor sit amet，奉献精英。在最大的特尼乌尔药用植物中，有一种被称为多洛锶化合物的物质

我有没有办法限制文本通过我的其他栏目，因为目前它超过了100%。我在上面的示例中看不到相同的内容，请你放一个截图好吗？我有没有办法限制文本通过我的其他栏目，因为目前它超过了100%。你能放一个截图吗屏幕截图，因为我不能看到我的上述样本相同？