Html 如何正确地将行与引导对齐

我正在制作一个基本的网站，在对齐行和列时遇到了问题。我有几排，似乎是因为排水沟的缘故，它们被推到了一边。我怎样才能使身体排列在一起？我附上了代码和一张图片来说明发生了什么

.nav3{
保险商实验室{
背景颜色：橙色；
溢出：自动；
瑞德先生{
颜色：$红色；
}
蓝先生{
颜色：$蓝色；
}
格林先生{
颜色：$绿色；
}
.粉红{
颜色：$粉红色；
}
李{
字号：1.4em；
浮动：左；
列表样式类型：无；
}
李：最后一个孩子{
边界：0px；
}
p{
保证金：0；
}
}
}
页脚{
[类别*=“zocial-”]{
颜色：橙色；
字号：2em；
}
背景色：$greyHeader；
.列表1{
列表样式类型：无；
李{
浮动：左；
}
}
.列表2{
列表样式类型：无；
李{
浮动：左；
}
}
.清单3{
列表样式类型：无；
}
}
.row1Pics{
高度：300px；
p{
字号：1.5em；
颜色：白色；
填充：1em；
}
格雷先生{
背景颜色：灰色；
最大宽度：100%；
}
钮扣{
填料：1.1米；
边框：3倍纯绿；
背景色：白色；
字号：1.4em；
边缘底部：1.2米；
}
}
.row2Pics{
.col-md-4{
背景颜色：灰色；
}
钮扣{
填料：1.1米；
边框：3件纯蓝；
背景色：白色；
字号：1.4em；
边缘底部：1.2米；
}
p{
颜色：白色；
字号：1.4em；
填充：1em；
}
}

需要帮助吗？拨打我们的24小时热线


328-0922


我需要帮助
我需要信息
我想捐赠
我想成为志愿者

幻灯片{{Slide.id}
{{slide.text}


为了提供帮助，我们需要你的帮助。考虑成为合伙人
与我们一起反对巴哈马的暴力。

今天捐赠

知识就是力量。获取有关家庭暴力和虐待的信息
如何帮助自己或他人。

转到资源

捐赠
志愿者
联系我们








巴哈马危机中心
邮政信箱44370
巴哈马拿骚

所以您使用的是引导，我假设这是事实。 要对齐所有元素，请始终将其放置在

col md-

中，列数为所需的列数，请记住填充所有12列，以便自动对齐

---

我看到您的转盘缺少

列md-

。把它放好，再检查一遍

您的列实际上是对齐的，它们“看起来”不对齐的原因是因为标准引导列具有15px的左右填充

这意味着当您将

背景色：灰色

应用到列上时，它会忽略填充

我在这里给大家举了一个小例子：

---

您提供的代码不完整，我只是添加了该页面的所有代码。如果您使用html和css代码创建一个代码段会更好。我可以问一下您如何创建代码段吗？当我将其放在旋转木马上时，不幸的是会导致其他行重叠。但这可能是我正在思考的旋转木马的问题。另外，我所有的行都在一行中，每个div或元素都在一个col中。好的，非常感谢您的解释。有道理。那么，我该如何让灰色一直延伸到侧面呢？@arsenalist您可以像在示例中那样在列上应用背景，或者删除列上的填充。