html - 一些 Bootstrap div 与其他 Bootstrap div 重叠

Question

我用 Bootstrap 创建了以下布局: demo

如您所见，“如果您想了解更多...”div 被四个小 div 重叠。你能给我任何解决这个问题的建议吗？帮助将不胜感激。

Answer 1

检查这段代码..

.more-info > div > div:nth-child(3) {
    color: #8b8b8b;
    font-family: calibrilight;
    font-size: 18px;
    padding: 0 139px;
    letter-spacing: -0.3px;
    line-height: 1.2;
    margin-bottom: -42px;
}

您添加了“margin-bottom:-42px”。删除并再次检查。如果你想拥有那部分。只需包括“填充底部:42px”。所以空间保持不变。