Bootstrap嵌套，在页面上显示但不在打印时显示

Question

我似乎无法做到这一点，我通过css div制作了一个分隔线，它在页面上显示但是在打印时我制作的线条没有显示......我应该做什么其他选择？即时通讯耗尽，我做错了怎么能实现这个目标

这是我想要的东西

继承人我的css                   

继承了打印预览                    

页码：

<div id="page-wrapper">
  <div class="row">
    <div class="col-md-12">
      <div class="panel-body">
        <p style="text-align:center;"><b>PROPERTY ACKNOWLEDGEMENT RECEIPT</b></p>
        <p style="text-align:right;">Control No.</p>
        <div class="row">
          <div class="col-md-16">
            <table class="table table-hover table-striped table-bordered table-condensed" class="">
              <thead>
                <tr>
                  <th style="text-align:center;">Quantity</th>
                  <th style="text-align:center;">Unit</th>
                  <th style="text-align:center;">Description</th>
                  <th style="text-align:center;">Unit Value</th>
                  <th style="text-align:center;">Property No.</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>12</td>
                  <td>bucket</td>
                  <td style="font-size:12px;">oremloremloremloremloremloremloremloremloremlorem</td>
                  <td>2</td>
                  <td>1</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <hr style="background-color:black;"> NOTE:
      <div style="height:2px;width:100%;background-color:black;"></div>
      <div style="width:2px;height:100px;background-color:black;margin:0px auto;"></div>
    </div>
  </div>
</div> 

$(document).ready(function() {
  $('#dataTables-example').DataTable({
    responsive: true
  });
});