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>

效果图：

Bootstrap Tab Bootstrap

http://blog.xqlee.com/article/645.html