html - 我怎样才能用CSS显示边框？

Question

我在布局中使用 bootstrap 3，试图在 div 底部显示边框:

<div class="row small headerheight borderbottom hidden-xs">
    <div class="col-md-8 headerheight vcenteritems paditems">Items</div>
    <div class="col-md-2 headerheight vcenteritems light-grey hcenteritems borderright">One-off</div>
    <div class="col-md-2 headerheight vcenteritems light-grey hcenteritems">Monthly</div>
</div>

borderbottom 只显示第一列的边框:

.borderbottom
{
  border-bottom: solid 1px #b3b3b3 ;
}

如何为一次性和每月一栏显示边框？

代码笔 here

Answer 1

您可以将边框设置为 .borderbottom 内的任何 div:

.borderbottom div
{
    border-bottom: solid 1px #b3b3b3 ;
}