【问题标题】:JQM-like slide transition towards tab item类似于 JQM 的向选项卡项的幻灯片过渡
【发布时间】:2014-09-11 09:47:00
【问题描述】:

我目前正在使用 twitter bootstrap 3。我正在尝试制作此常见问题解答对话框

看起来不错。但是现在我希望用户通过幻灯片转换单击其中一个列表项来转到对话框中的另一个选项卡。很像jquery mobile。

我的问题是:在引导程序中执行此操作的最佳方法是什么?

谢谢!

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 css-transitions slide


    【解决方案1】:

    最好的方法是将 Tab 列表放在 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>
    

    【讨论】: