html - Bootstrap 崩溃以图像作为标题中断

标签 html twitter-bootstrap css 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 模块?我整天都在尝试解决这个问题,请帮忙。

谢谢

最佳答案

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

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

关于html - Bootstrap 崩溃以图像作为标题中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36353846/

相关文章:

html - Bootstrap 内联复选框 - 如何将它们向左或向右拉到表单中?

bootswatch 中的 CSS 样式不适用于 Shiny R

javascript - Bootstrap 导航栏折叠问题

javascript - 如何获取包含不同站点的 &lt;iframe&gt; 的内容?

javascript - Twitter Bootstrap 轮播不滑动

jquery - Twitter Bootstrap (3.0.0) 下拉菜单和 PrototypeJS

JavaFX CSS 动态样式

html - 单击 Wordpress 中的父菜单项时如何转到子菜单?

c# - 在 Kendo UI 网格中控制组顺序

javascript - 在字段中显示 'ghosted' 示例文本,然后将其清除 onblur