Bootstrap Nav选项卡显示所有正文

时间:2015-08-31 01:31:36

标签: html css twitter-bootstrap

尝试让我的导航标签部分不显示下面每张标签照片的所有正文。

以下是相关部分的代码:

 <div class="widget-content padding">
                                <a href="consultants.html" style= "float:right" button type="button" class="btn btn-danger" data-dismiss="modal">Back</button></a>
                            <h1>Sales Provisioning - (Daniel Ince)</h1> 
                        </div>
                        <br>
                            <div class="additional-btn">

                            </div>
                        </div>
                        <div class="widget-content padding">
                            <h3><i>Refer to FAQ if you get stuck whilst Provisioning</i></h3>
                            <br>
                            <ul id="demo1" class="nav nav-tabs">
                                <li class="active">
                                    <a href="#DOT" data-toggle="tab">DOT <span class="badge badge-primary"></span></a>
                                </li>
                                <li>
                                    <a href="#BizEssentials" data-toggle="tab">BizEssentials <span class="badge badge-primary"></span></a>
                                </li>
                                 <li>
                                    <a href="#NewLine" data-toggle="tab">New Line <span class="badge badge-primary"></span></a>
                                </li>
                                  <li>
                                    <a href="#NewMobile" data-toggle="tab">New Mobile <span class="badge badge-primary"></span></a>
                                </li>
                                <li>
                                    <a href="#TMB" data-toggle="tab">TMB <span class="badge badge-primary"></span></a>
                                </li>
                                 <li>
                                    <a href="#0365" data-toggle="tab">0365 / Mobile Apps <span class="badge badge-primary"></span></a>
                                </li>
                                <li>
                                    <a href="#Appointments" data-toggle="tab">Appointments <span class="badge badge-primary"></span></a>
                                </li>
                            </ul>

以下是它的样子: 图片链接:http://i.stack.imgur.com/icI46.png

红线下面是我需要它显示的方式。

提前致谢。

1 个答案:

答案 0 :(得分:0)

我想通了。

每个标签正文中都有错误(有效淡入) 它应该在哪里(淡入)不是上述。