猫头鹰旋转木马与引导标签

loading...


0

我正在使用带引导标签的猫头鹰旋转木马 . 我写了以下代码的字母My Code

<ul class="nav nav-tabs mytabs owl-carousel owl-theme">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-toggle="tab" data-target="#dec1">
Tab1
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec2">
                                                Tab2
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec3">
                                               Tab3
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec4">
                                               Tab 4
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec5">
                                                Tab 5
                                            </a>
                                        </li>
                                    </ul>

                                    <div class="tab-content">
                        <div class="tab-pane active" id="dec1">
                            Tab cntent 1
                        </div>
                        <div class="tab-pane  fade" id="dec2">
                            Tab cntent 2
                        </div>

                        <div class="tab-pane fade" id="dec3">
                            Tab cntent 3
                        </div>

                        <div class="tab-pane fade" id="dec4">
                            Tab cntent 4
                        </div>



                    </div>

我的问题是我使用owl carousel用于可滚动的标签,但我遇到了活动类的问题 . 可能是owl carousel类和tab活动类之间存在冲突 . 活动类未正确应用于当前活动选项卡 . 请参阅我的运行示例 . 请帮忙 .

loading...

1回答

  • 0
    <div class="nav-wrapper">
      <ul class="nav nav-tabs">
        <li class="active">
          <a class="active" data-toggle="tab" data-target="#dec1">
          Tab1
          </a>
        </li>
        <li class="">
          <a class="" data-toggle="tab" data-target="#dec2">
             Tab2
          </a>
        </li>
      </ul>
      <div class="tab-content">........</div>
    </div>
    

    我删除了一些课程并且有效 . 可能与猫头鹰轮播类和使用的类有冲突 . 检查此代码 .

    https://codepen.io/jeroenreijs/pen/pwpvrZ

评论

暂时没有评论!