Question

作为Web设计的初学者，我正在进行一项任务，我需要使用Bootstrap输出这样的页面：

在完成任务时，大多数情况下我都完成了，但在标题 关于我们 和<hr>之间获得了额外的空间，但是到目前为止还没有成功。您可以在https://jsfiddle.net/DTcHh/

预览我的代码

对于预览，这是我到目前为止的输出页面：

所以任何线索都会受到赞赏。

Answer 1

您将内容行的最小高度设置为400px，这就是您拥有额外空间的原因

您需要将其删除才能解决问题。

Answer 2

从.row-content

删除min-height：400px

.row-content{
    margin: 0px auto;
    padding: 50px 0px 50px 0px;
    border-bottom: 1px ridge;
    /* min-height: 400px;*/
}