bootstrap无刷选项卡案例

写骰子游戏是用到了无刷选项卡，源码分享给大家

	 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" crossorigin="anonymous">

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>


<div class="panel panel-default">
    <div class="panel panel-info">
        <div class="panel-heading">
            <h3 class="panel-title">标题</h3>
        </div>
        <div class="panel-body">
            <ul id="myTab" class="nav nav-tabs">  
                <li class="active"><a href="#shouye" data-toggle="tab">首页</a></li>
                <li><a href="#two" data-toggle="tab">第二</a></li>
                <li><a href="#s" data-toggle="tab">第三</a></li>
                <li><a href="#f" data-toggle="tab">第四</a></li>
            </ul>  

            <div id="myTabContent" class="tab-content">  
                <div class="tab-pane fade in active" id="shouye">
                    这是首页内容
                </div>
                <div class="tab-pane fade" id="two">  
                    这是第二页内容
                </div>
                <div class="tab-pane fade" id="s">
                    这是第三页内容
                </div>
                <div class="tab-pane fade" id="f">  
                    这是第四页内容
                </div>
            </div>
        </div>
    </div>
</div>