Bootstrap 4 引导网格行间距cna I使用实用程序类?
使用网格布局 对于一行,可以使用任何间距实用程序类吗? 像这样的?不要把这看作是任何地方提到的选项Bootstrap 4 引导网格行间距cna I使用实用程序类?,bootstrap-4,Bootstrap 4,使用网格布局 对于一行,可以使用任何间距实用程序类吗? 像这样的?不要把这看作是任何地方提到的选项 <div class="row mb-5"> 所以我要做的就是使用我自己的修饰语。这达到了预期的效果,即减少行之间的间距。但是,有没有一种方法可以使用实用程序类来设置行间距 <div class="row marginRow"> .marginRow { margin-bottom:-45px; } 马金罗先生{ 边缘底部:-45px; } 两者都有
<div class="row mb-5">
所以我要做的就是使用我自己的修饰语。这达到了预期的效果,即减少行之间的间距。但是,有没有一种方法可以使用实用程序类来设置行间距
<div class="row marginRow">
.marginRow {
margin-bottom:-45px;
}
马金罗先生{
边缘底部:-45px;
}
两者都有效。您可以使用诸如marginmb-5
、mb-n5
之类的引导类,也可以创建自定义类
请注意,默认情况下,行之间没有间距
这里有一个演示:
.row{height:50px}
谢谢,我发现导致行之间有空格的罪魁祸首实际上是我在行中定义的列在底部定义了边距。看起来就是这场争吵。使用dev控制台/debugger/inspector可以帮助找到这些东西。