有助于引导程序响应的相同高度的列，但也带有边框

Question

我正在尝试使divs像一张桌子，并使其具有响应性，但也使divs有边框。除了边界，我已尽一切努力。这是我的代码：

<style>
  .row-eq-height {
      display: table;
      border-top: 1px solid #ccc; 
      background: white;
   }
  .row-eq-height > div {
      display: table-cell;
      padding: 20px;
   }
</style>

<div class="row row-eq-height">
    <div class="col-lg-3 col-md-12">
        <b>31103 ... Hospital Administration ... (Faculty only) ... (Administration)<font color="red">279053 (M.D.) ... 275531 (Ph.D.)</font></b>
    </div>
    <div class="col-lg-3 col-md-12" >
        Administration of hospital laboratories and institutional administrative functions. Does not include medical school or
        University administrative functions. (See 11100 OR 31102)  ... 1% Effort variation must be reported
    </div>
    <div class="col-lg-3 col-md-12 ">
        Clinical laboratory administration, Hospitals committee participation, service

        chief role, on-call time, indirect care, patient and physician consultation.
    </div>
    <div class="col-lg-3 col-md-12">
        Effort<br/><input type="text" name="p1" onblur="sum()" id="p1"/>
    </div>
</div>

我正努力在div周围设置边框。我尝试过的一切似乎都没有效果。有人可以帮忙吗？