Question

我正在努力做两次下拉菜单。第二次下拉不起作用。任何人都可以帮助我吗？

所以我有两个下拉列表的标签面板。他们每个人都有自己的下拉列表

<ul class="nav nav-tabs">   
        <li class="dropdown active">
            <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">Main Settings <b class="caret"></b></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                <li class="active"><a href="#general" tabindex="-1" data-toggle="tab">General</a></li>
                <li><a href="#contact" tabindex="-1" data-toggle="tab">Contacts</a></li>
                <li><a href="#knowledge" tabindex="-1" data-toggle="tab">Skills</a></li>
                <li><a href="#education" tabindex="-1" data-toggle="tab">Education</a></li>           
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" id="myTabDrop2" class="dropdown-toggle" data-toggle="dropdown">Account Settings <b class="caret"></b></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop2">
                <li class="active"><a href="#profile-photo" tabindex="-1" data-toggle="tab">Notifications</a></li>
                <li><a href="#email-password" tabindex="-1" data-toggle="tab">E-mail & Password</a></li>
                <li><a href="#social" tabindex="-1" data-toggle="tab">Social</a></li>         
            </ul>   
        </li>
    </ul>


    <!-- MyTabContent -->
    <div class="tab-content">
        <!-- Main settings -->
        <div class="tab-pane fade active in" id="general">
            <p>Main Settings</p>    
        </div><!-- Main settings end -->

        <!-- Contacts settings -->
        <div class="tab-pane fade in" id="contact">
            <p>Contacts Settings</p>            
        </div><!-- Contacts settings ends -->

        <!-- Knowledge settings -->
        <div class="tab-pane fade in" id="knowledge">
            <p>Kmowledgde Settings</p>
        </div><!-- Knowledge settings ends -->      

        <!-- Education settings -->
        <div class="tab-pane fade in" id="education">
            <p>Education Settings</p>
        </div><!-- Education settings ends -->

        <!-- Notifications settings -->       
        <div class="tab-pane fade in" id="notifications">   
           <p>Notifications settings</p> 
        </div><!-- Notifications settings --> 

    </div><!-- MyTabContent ends -->

Answer 1

你的标记有很多错误..

通知指向'profile-photo'
您有一个active标签和标签窗格
为什么in课程到处使用？
“社交”没有内容

一旦清理干净，它就可以正常工作......

http://www.bootply.com/123488

Twitter bootstrap 3 Tab下拉列表

1 个答案: