leftso 135 0 2019-08-16 11:03:33

文章位置:左搜> 编程技术> WEB前端基础> 正文

Bootstrap Tab基础使用,首先是引入必要的css和js,这里暂时忽略

核心代码:

<ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#clientLinkmanTabContent" data-toggle="tab">
                                联系人
                            </a>
                        </li>
                        <li>
                            <a href="#clientFollowTabContent" data-toggle="tab">
                                跟进记录
                            </a>
                        </li>
                        <li>
                            <a href="#clientOrderTabContent" data-toggle="tab">
                                业务记录
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="clientLinkmanTabContent">
                            1
                        </div>

                        <div class="tab-pane fade" id="clientFollowTabContent">
                            2
                        </div>

                        <div class="tab-pane fade" id="clientOrderTabContent">
                            3
                        </div>
                    </div>

效果图:
效果图1

效果图2