Html 在打印模式下,twitter引导表中的某些行的宽度错误且无边框

Html 在打印模式下,twitter引导表中的某些行的宽度错误且无边框,html,css,twitter-bootstrap,printing,responsive-design,Html,Css,Twitter Bootstrap,Printing,Responsive Design,这是一张在正常模式(桌面屏幕)下的表格 但当我尝试打印它(按ctrl+p)时,我看到: 但如果我尝试在chrome emulator模式下用打印媒体显示它,它看起来很好。以下是表格的html: <table class="table table-striped table-bordered"> <tbody> <tr> <td class="col-md-6">Этаж</td>

这是一张在正常模式(桌面屏幕)下的表格

但当我尝试打印它(按ctrl+p)时,我看到:

但如果我尝试在chrome emulator模式下用打印媒体显示它,它看起来很好。以下是表格的html:

<table class="table table-striped table-bordered">
    <tbody>
      <tr>
        <td class="col-md-6">Этаж</td>
        <td>2</td>
      </tr>
      <tr>
        <td class="col-md-6">Общая площадь</td>
        <td>40.3</td>
      </tr>
      <tr>
        <td class="col-md-6">Площадь кухни</td>
        <td>7.6</td>
      </tr>
      <tr>
        <td class="col-md-6">Жилая площадь</td>
        <td>40.3</td>
      </tr>
      <tr>
        <td class="col-md-6">Год постройки</td>
        <td>1997</td>
      </tr>
      <tr>
        <td class="col-md-6">Готовность</td>
        <td>100</td>
      </tr>
      <tr>
        <td class="col-md-6">Отопление</td>
        <td>Печное</td>
      </tr>
      <tr>
        <td class="col-md-6">Вода</td>
        <td>Холодная</td>
      </tr>
    </tbody>
  </table>

Этаж
2.
Общая площадь
40.3
Площадь кухни
7.6
Жилая площадь
40.3
Год постройки
1997
Готовность
100
Отопление
Печное
Вода
Холодная

哦,我不知道为什么,但我没有
位置:静态
规则

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
  position: static;
}

在这里工作很奇怪。但当我从td中删除col md-*时,它工作得很好,但在这种情况下,我无法控制td的宽度。这是一个活生生的例子