Html 如何消除引导面板之间的间距？ 问题

我的面板之间有空格（用红色标出），我想去掉它们。我试着做：

.panel {
    margin-top: 0; 
    margin-bottom: 0; 
    padding-top: 0; 
    padding-bottom:0;
}

但它不起作用

对于页面底部的空白区域，我尝试将包含的

容器

和

#菜单

设置为

边距底部：0

，但没有成功

如果有人能让我知道如何消除间距，我将非常感激

我的代码 HTML

---

将其添加到CSS文件中。它应该去掉多余的边距

.panel-group .panel + .panel {
    margin-top: 0;
}

此外，还可以向面板添加一个类，这样就不会错误地更改任何其他面板

.my-panels{
    margin-top:0!important;
}

使用浏览器检查器查看哪些样式应用于哪些图元也是一个好主意

---

快乐编码

将其添加到CSS文件中。它应该去掉多余的边距

.panel-group .panel + .panel {
    margin-top: 0;
}

此外，还可以向面板添加一个类，这样就不会错误地更改任何其他面板

.my-panels{
    margin-top:0!important;
}

使用浏览器检查器查看哪些样式应用于哪些图元也是一个好主意

---

快乐编码

您可以使用标志覆盖其他规则

---

您可以使用标志覆盖其他规则

试试这个：

#problem-panels .panel-default {
    margin-top: 0;
}

试试这个：

#problem-panels .panel-default {
    margin-top: 0;
}

---

您可以使用

！重要的

修改器

你的小提琴

只需担心它会修改你所有的

.panel

s

---

我建议您定义一个自定义类，并在希望进行此修改的地方使用它。

您可以使用

！重要的

修改器

你的小提琴

只需担心它会修改你所有的

.panel

s

---

我建议您定义一个自定义类，并在希望进行此修改的地方使用它。

检查。检查。实际上，nvm，它起作用了！我意识到我打错了，谢谢！你查过亚历克斯贴的小提琴了吗？不客气。也别忘了将此标记为其他人的答案。干杯。事实上，nvm，成功了！我意识到我打错了，谢谢！你查过亚历克斯贴的小提琴了吗？不客气。也别忘了将此标记为其他人的答案。干杯