使用Bootstrap 3开发响应式网站实践05,使用Tab、Modal、Form展示内容,使用Popover、Tooltip展示提示信息

本篇体验用Tab插件显示内容。Html部分为：

        <div class="row" id="moreInfo">
            <div class="col-sm-6">
                <h3>兰帕德宣布退出英格兰队</h3>
                <div class="tabbable">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab1" data-toggle="tab">英超</a></li>
                        <li><a href="#tab2" data-toggle="tab">西甲</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <h4><span class="glyphicon glyphicon-map-marker"></span>这里是英格兰</h4>
                            <img src="images/19.jpg" width="100%"/>
                            <p>
                                北京时间8月26日晚，据BBC，天空体育等多家英国媒体消息，兰帕德正式宣布退出英格兰队。此前他共为球队出场106次，打入了29球。
                            </p>
                            <p>
                                36岁的英格兰人在1999年10月首次代表英格兰队出场，当时的对手是比利时队。兰帕德在为三狮军团征战的15年间共出战106次，斩获了29粒入球。他最后一次代表英格兰队出场是在今夏的巴西世界杯上，英格兰队以0-0的比分逼平了哥斯达黎加，而兰帕德也是以队长的身份完成了他在三狮军团的谢幕演出。
                            </p>
                        </div>
                        
                        <div class="tab-pane" id="tab2">
                            <h4><span class="glyphicon glyphicon-map-marker"></span>巴萨官方宣布后防重臣正式续约4年</h4>
                            <img src="images/20.jpg" class="thumbnail pull-left"/>
                            <p>
                                北京时间8月25日晚，西甲巴塞罗那俱乐部官方宣布与队内后防大将马斯切拉诺续约4年，新的合同将延长至2018年6月30日，这位30岁的阿根廷国脚在巴萨的这份新合同的违约金为1亿欧元。
                            </p>
                            <p>
                                在签订了新合同后，马斯切拉诺也通过俱乐部官方向大家分享自己的喜悦：“我非常高兴能继续身披红蓝战袍留在这家伟大的俱乐部中。我盼望着能在未来的这个赛季中跟随球队取得成功，过去的一段日子的也许对我们来说确实很困难，但目前我们已经重新找回了自信。”马斯切拉诺在2010年夏天从利物浦以2200万欧元转会加盟巴萨，作为一名全能型的防守球员，马斯切拉诺一直在球队中扮演者不可或缺的角色。“小马哥”在巴萨夺得过8次冠军：1次欧冠冠军、2次西甲冠军、1次国王杯冠军、1次欧洲超级杯冠军、2次西班牙超级杯冠军和1次世俱杯，目前他已经为巴萨出场185次。
                            </p>
                            <hr/>
                            <a href="#myModal" role="button" class="btn btn-warning" data-toggle="modal"><span class="glyphicon glyphicon-hand-up"></span>点击弹出模态窗口</a>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--更多信息区域结束-->