Question

我的Twitter Bootstrap版本是2.3.2

我尝试使用expand / collapsible表而不是div。真的有可能吗？

使用div

  <a href="#expand" class="noline nowrap"
                   data-toggle="collapse" data-target="#expand">click to collapse and expand </a>


<div id="expand" class="more collapse">
 <p>data</p>             
 </div>

不使用表

 <a href="#expand" class="noline nowrap" data-toggle="collapse" data-target="#expand">click to collapse and expand </a>


<table id="expand" class="more collapse">

 <tr>
      <td>data</td>
  </tr>

</table>

参考：Here

注意：我无法将我的表包装在div中，因为我需要在另一个表中实现这一点。

Answer 1

只需输入＆lt; table＆gt;在你的＆lt; div＆gt;

中

<div id="expand-combine-multi-bl" class="more collapse">
    <table id="theTable">
        <tbody><tr>
            <td>data</td>
        </tr>
    </tbody></table>
</div>

这里的示例，从你的分叉： http://www.bootply.com/HU5VqyKpKR

正如@Grimbode所指出的那样，你的锚中的“数据目标”是不正确的。

Answer 2

您需要将表格包装在div中。

<div id="expand-combine-multi-bl" class="more collapse">
    <table>
        <tr>
            <td>data</td>
        </tr>
    </table>
</div>

它不能使用表格的原因是因为表格将高度视为最小高度，并且总是会扩展到与其中的内容一样高

Bootstrap：make expand / Collapsible表而不是div

2 个答案: