Bootstrap Tab基础使用

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

原创文章,作者:sunnyman218,如若转载,请注明出处:https://blog.ytso.com/243646.html

(0)
上一篇 2022年4月11日
下一篇 2022年4月11日

相关推荐

发表回复

登录后才能评论