Question

这是我第一次在这里发帖，因为我真的陷入了一个项目：我建立了一个基于bootstrap手风琴的网站。这里的内容加载到bootstrap选项卡中，这些选项卡在移动设备上转换为手风琴。所以它是一个tabcollapse，我用这个：http://tabcollapse.okendoken.com/example/example.html

对父母引导手风琴外面的tabcollapse的测试运行良好，但问题是它内部没有：标签仍然有效，但在移动分辨率下手风琴不能显示。它只会在我再次调整浏览器窗口大小后显示，而它应该直接在加载时工作。在手机上显示，但只是几秒钟后......

这是（大）代码的开头部分：

<div class="panel-group" id="accordion">
<div class="panel panel-default">
    <div class="panel-heading">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">First accordion link</a>
    </div>

    <div id="collapse1" class="panel-collapse collapse">

<ul id="myTab" class="nav nav-tabs" style="margin-bottom: 15px;">
    <li class="active"><a href="#tab1" data-toggle="tab">TAB1</a></li>
    <li><a href="#tab2" data-toggle="tab">TAB2</a></li>
    <li><a href="#tab3" data-toggle="tab">TAB3</a></li>
    <li><a href="#tab4" data-toggle="tab">TAB4</a></li>
</ul>

<div id="myTabContent" class="tab-content" >
    <div class="tab-pane fade in active" id="tab1">Content inside first tabcollapse panel.......

我做错了什么或者是不是可以在手风琴里面使用tabcollapse？任何帮助都非常感谢。

手风琴中的Tabcollapse

0 个答案: