![](/img/trans.png)
[英]Open a specific accordion panel in a nested accordion (Bootstrap v3)
[英]Bootstrap v2 accordion with bootstrap v3 - Which class changed?
我有以下代碼: http : //www.bootply.com/A6h7uQRmSt
這是引導2的樣子: http : //jsfiddle.net/qdqrT/121/
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
Collapsible Group Item #3
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
This is where i do not need child elements
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
Collapsible Group Item #4
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
</div>
</div>
</div>
請問為什么Bootstrap 3看起來與眾不同? 是否在這兩個類之間更改了某些類的名稱,如果有,是否有人可以告訴我bootstrap3等效項是什么?
Bootstrap v3是一項重大升級,因此在v2和v3之間發生了很多變化。 您需要更新HTML標記以符合新的更改,否則事情將無法按預期進行。 基本上,v3與v2向后不兼容。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.