bootstrap选项卡

      <ul class="nav nav-tabs">
            <li > <a  data-toggle="tab" data-target="#a">Home</a></li>
            <li><a  data-toggle="tab" data-target="#b">Profile</a></li>
            <li><a  data-toggle="tab" data-target="#c">Message</a></li>
            <li><a  data-toggle="tab"data-target="#d">Setting</a></li>

 　　 </ul>

        <div class="tab-content">
            <div class="tab-pane  fade in active" id="a">
                <h3> home</h3>
            </div>
            <div class="tab-pane fade " id="b">
                <h3>proifle</h3>
            </div>
            <div class="tab-pane fade" id="c">
                <h3>Messsage</h3>
            </div>
            <div class="tab-pane fade " id="d">
                <h3>Setting</h3>
            </div>

        </div>

一定要引入bootstrap的js文件才可以看到效果。