Bootstrap崩溃以图像作为标题

时间:2016-04-01 10:22:40

标签: html css twitter-bootstrap css3 toggle

我使用bootstrap 3.3.6,ui-bootstrap 1.2.2,我尝试使用collapse。 标题必须是图像。这是我的代码

 <div id="isOpen"  > 
    <img data-toggle="collapse" data-target="#readThis" src="./images/hello.jpg" /> 
    <div id="readThis" > Get more info</div>

 </div>    

readThis div似乎已打开,当我点击图片将其关闭时,它会开始关闭,然后重新打开。

之后工作正常。

我该如何解决这个问题?还有另一个可以处理图像的bootstarp模块吗?我试着整天解决这个问题,请帮忙。

由于

1 个答案:

答案 0 :(得分:1)

尝试将data-toggle="collapse" data-target="#readThis"放在<a>标记上并将图片放入其中

<a href="#readThis" data-toggle="collapse">
   <img src="./images/hello.jpg" />
</a>