将图像插入Bootstrap是破坏崩溃函数

时间:2016-09-27 15:54:19

标签: html twitter-bootstrap angular-ui-bootstrap accordion

我试图将图像插入到自举手风琴中,当我这样做时,手风琴的那个部分(第二个手风琴部分)保持打开 - 它最初应该折叠,允许有人点击它来扩展它。

不确定导致此问题的代码中的内容是什么。 以下是JSfiddle中代码的链接:https://jsfiddle.net/penrysh/1fLfx04m/3/#&togetherjs=dJTKolqwum

<p><strong>Complete the sections below to upload content.</strong></p>
<div class="container" style="width: 90%;">
<div id="accordionCO0137098" class="panel-group" style="width: 90%;">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_0" data-toggle="collapse" data-parent="#accordionCO0137098">Access System</a></h4>
</div>
<div id="collapseCO0137098_0" class="panel-collapse collapse">
<div class="panel-body"><ol>
<li>Click the <strong>User Name </strong>field</li>
<li>Type your ID</li>
<li>Click the <strong>Password </strong>field</li>
<li>Type your password</li>
<li>Click the <strong>Log In </strong>button</li>
</ol></div>
</div>
</div>
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_1" data-toggle="collapse" data-parent="#accordionCO0137098">Add a New Content</a></h4>
</div>
<div class="panel-body"><ol>
<li>Click the <strong>Content </strong>tab at the top left of the screen<br /><a class="largeimage img-view" href="images/content.png" target="_blank"><img style="width: 248px; height: 71px;" src="images/content.png" alt="" width="225" height="56" border="0" /></a></li>
<li></li>
</ol></div>
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_2" data-toggle="collapse" data-parent="#accordionCO0137098">Complete the Required Fields</a></h4>
</div>
<div id="collapseCO0137098_2" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_3" data-toggle="collapse" data-parent="#accordionCO0137098">Upload the Content</a></h4>
</div>
<div id="collapseCO0137098_3" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_4" data-toggle="collapse" data-parent="#accordionCO0137098">Tag the Content</a></h4>
</div>
<div id="collapseCO0137098_4" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_5" data-toggle="collapse" data-parent="#accordionCO0137098">Add Any Relevant Keywords</a></h4>
</div>
<div id="collapseCO0137098_5" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_6" data-toggle="collapse" data-parent="#accordionCO0137098">Add Folders</a></h4>
</div>
<div id="collapseCO0137098_6" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_7" data-toggle="collapse" data-parent="#accordionCO0137098">Add Any Relevant Search</a></h4>
</div>
<div id="collapseCO0137098_7" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_8" data-toggle="collapse" data-parent="#accordionCO0137098">Add Any Relevant Related Content</a></h4>
</div>
<div id="collapseCO0137098_8" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#collapseCO0137098_9" data-toggle="collapse" data-parent="#accordionCO0137098">Send For Review</a></h4>
</div>
<div id="collapseCO0137098_9" class="panel-collapse collapse">
<div class="panel-body">
<p>Note: You may type a note here.</p>
</div>
</div>
</div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

你弄乱了图书馆。

此外,在&#34;面板瓷砖&#34; ...&#34;添加新内容对象&#34;

需要

1992-08-27 08:00:00    28.189 
1992-08-27 08:15:00    28.286  
1992-08-27 08:30:00    28.377
1992-08-27 08:45:00    28.848
1992-08-27 09:00:00    29.891

并且,在

之前
<div id="collapseCO0137098_1" class="panel-collapse collapse">

它需要

`<div class="panel-heading">`

新的jsFiddle可用here

摘录:

&#13;
&#13;
<div class="panel panel-default">
&#13;
&#13;
&#13;