分隔符使用边框不起作用导致填充

Question

任何解决方案？ http://bootply.com/104711

这是我使用bootstrap的标记

<div class="status-wrap">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 straight-line">
        <span>Interview Invitation</span>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <span>Invited 7 Jan 2014</span>
    </div>
</div>

分隔符的长度不是很长，因为我应用了填充。我可以删除高度，因为我想将背景应用于行。

Answer 1

您可以将css类“.status-wrap”中找到的高度复制到css类 “.status-wrap .straight-line”：

.status-wrap,
.status-wrap .straight-line {
    height: 35px;
}

Answer 2

.status-wrap div {
  padding-top: 8px;
  height: 35px;
}

http://bootply.com/104712

或者，如果要删除高度，可以使用以下命令：35px from status-wrap class

http://bootply.com/104714