Question

<a data-toggle="collapse" href="#collapseHuiskamerdiner" aria-expanded="false" aria-controls="collapseHuiskamerdiner">
   <div class="col-md-6">
      <div class="width" style="position: relative; overflow: hidden;">
         <div class="huiskamer-titel">
            <h1>Huiskamerdiner</h1>
            <img src="/images/huiskamerdiner.jpg" style="width: 100%;" />
         </div>
      </div>
   </div>
</a>

当我使用它时，datacollapse不起作用，有人可以帮助我吗？

Answer 1

您确定在代码中的任何位置包含了bootstrap的.js文件吗？我看不到它

另一件事是我在你的HTML

中没有看到任何collapseHuiskamerdiner ID

<a data-toggle="collapse" href="#collapseHuiskamerdiner" aria-expanded="false" aria-controls="collapseHuiskamerdiner">
   <div class="col-md-6">
      <div class="width" style="position: relative; overflow: hidden;">
         <div class="huiskamer-titel">
            <h1>Huiskamerdiner</h1>
         </div>
      </div>
   </div>
</a>
<div id="collapseHuiskamerdiner">
    abc
</div>

http://jsfiddle.net/svbge7zf/1/ - 它似乎有效

Bootstrap中的折叠功能不起作用

1 个答案: