Question

我使用bootstrap 3并拥有一些折叠表。问题是，当表格可见（折叠）时，表格大于内容（您可以使用浏览器检查工具查看），因此存在新的不需要的边框。

如果删除折叠类或引导程序导入问题就会消失，所以它必须是bootstrap添加的内容，但我不知道如何正确覆盖它。

有人有想法删除那个边界吗？如果您知道如何隐藏它，即使宽度保持较大，它对我的实际使用也不是问题。

这是我的代码：

＆＃13;

th,
td {
  padding: 10px;
}

＆＃13;

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<table border="1" id="collapse_FR24" class="collapse in" style="">
  <tr>
    <th>Year</th>
    <th>Value</th>
  </tr>
  <tr>
    <td>1995</td>
    <td>26589.3</td>
  </tr>
  <tr>
    <td>1996</td>
    <td>26756.3</td>
  </tr>
  <tr>
    <td>1997</td>
    <td>26223</td>
  </tr>
</table>

＆＃13;

Answer 1

我终于设法做到了，我在桌子周围加了一个div，然后在div而不是桌子上进行折叠：

th,
td {
  padding: 10px;
}

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div id="collapse_FR24" class="collapse in">
  <table border="1">
    <tr>
      <th>Year</th>
      <th>Value</th>
    </tr>
    <tr>
      <td>1995</td>
      <td>26589.3</td>
    </tr>
    <tr>
      <td>1996</td>
      <td>26756.3</td>
    </tr>
    <tr>
      <td>1997</td>
      <td>26223</td>
    </tr>
  </table>
</div>

桌面宽度太大，有折叠和自举3

1 个答案: