类似JQM的幻灯片过渡到标签项

Question

我目前正在使用Twitter bootstrap 3.我正试图制作这个FAQ对话框

找钱＆＃39;好。但现在我希望用户通过幻灯片切换单击其中一个列表项来转到对话框中的另一个选项卡。与jquery mobile非常相似。

我的问题是：在bootstrap中执行此操作的最佳方法是什么？

谢谢！

Answer 1

最好的方法是将标签列表放在model-body内。没有任何conflict

的机会

见下面的例子：

<div class="modal-body">
  <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 in">
        <div class="accordion-inner"> Anim pariatur cliche... </div>
      </div>
    </div>
  </div>
</div>