Question

我的引导标签视图有问题。我的代码似乎没问题，但我需要在<ul></ul>类之前添加<ul class="nav-tabs">代码才能使我的代码正常工作。为什么？

通常，代码应该在没有添加代码的情况下工作..

<div class="tabbable-line">

    <ul></ul> <!-- IF I do no put this line, tab doesn't work ! Why ? -->

    <ul class="nav nav-tabs " data-tabs="tabs">
        <li class="active">
            <a href="#needsUI" data-toggle="tab" aria-expanded="true"> Needs
                <span class="icon-basket"></span>
            </a>
        </li>
        <li class="">
            <a href="#offerInformationsUI" data-toggle="tab" aria-expanded="false"> Information
                <span class="icon-notebook"></span>
            </a>
        </li>
        <li class="">
            <a href="#customerUI" data-toggle="tab" aria-expanded="false"> Customer
                <span class="icon-user"></span>
            </a>
        </li>
        <li class="">
            <a href="#confirmUI" data-toggle="tab" aria-expanded="false"> Confirm
                <span class="icon-check"></span>
            </a>
        </li>
    </ul>

    <div class="tab-content">


        <div class="tab-pane active" id="needsUI"></div>


        <div class="tab-pane" id="offerInformationsUI"></div>


        <div class="tab-pane" id="customerUI"></div>


        <div class="tab-pane" id="confirmUI"></div>

    </div>

</div>

Answer 1

可以添加此代码

<ul>
  <li>&nbsp;</li>
</ul>

如果工作那么好，或者你能给我源代码或测试网址吗？

如果不添加空<ul>标记，nav-tabs不起作用

1 个答案: