在Bootstrap頁面中，通常用Panels來展示主要功能的內(nèi)容。該部分Html為：

        <div class="row" id="featureHeading">            <div class="col-md-12">                <h2>更多信息</h2>                <p class="lead">                    廣州恒大淘寶隊(duì)的官方網(wǎng)站和微博同時(shí)發(fā)布了幾張海報(bào)，預(yù)熱本周三晚8點(diǎn)即將到來的亞冠1/4決賽第二回合。                </p>            </div>        </div><!--主要功能標(biāo)題區(qū)域結(jié)束-->                <div class="row" id="features">            <div class="col-sm-4 feature">                <div class="panel">                    <div class="panel-heading">                        <h3 class="panel-title">扭轉(zhuǎn)乾坤期待勝利</h3>                    </div>                    <img src="/static/imghw/default1.png"  data-src="images/15.jpg"  class="lazy" alt="15"/>                    <p>                        8月27日晚20點(diǎn)，廣州恒大將迎來亞冠聯(lián)賽的一場(chǎng)生死戰(zhàn)，主場(chǎng)與西悉尼流浪者隊(duì)的第二回合比賽。                    </p>                    <a href="http://sports.sina.com.cn/" target="_blank" class="btn btn-warning btn-block">更多賽事</a>                </div>            </div>                        <div class="col-sm-4 feature">                <div class="panel">                    <div class="panel-heading">                        <h3 class="panel-title">前場(chǎng)外援三箭齊發(fā)</h3>                    </div>                    <img src="/static/imghw/default1.png"  data-src="images/16.jpg"  class="lazy" alt="15"/>                    <p>                        本場(chǎng)比賽恒大的后防線人員變化最大的，因?yàn)閺埩?、金英權(quán)同時(shí)停賽，里皮也只能讓其他國(guó)內(nèi)球員頂上這兩個(gè)位置。                    </p>                    <a href="http://sports.sina.com.cn/" target="_blank" class="btn btn-success btn-block">更多賽事</a>                </div>            </div>            <div class="col-sm-4 feature">                <div class="panel">                    <div class="panel-heading">                        <h3 class="panel-title">要90分鐘出線</h3>                    </div>                    <img src="/static/imghw/default1.png"  data-src="images/17.jpg"  class="lazy" alt="15"/>                    <p>                       助理教練馬達(dá)洛尼代替出席，對(duì)于明天的比賽，馬達(dá)洛尼也轉(zhuǎn)述了主教練里皮的態(tài)度。我們有在明天拿下對(duì)手。                    </p>                    <a href="http://sports.sina.com.cn/" target="_blank" class="btn btn-info btn-block">更多賽事</a>                </div>            </div>        </div><!--主要功能區(qū)域結(jié)束-->

○ col-sm-4屬性值：表示在頁面寬度大于768像素的時(shí)候，占4個(gè)單元格
○

<img class="img-circle lazy"  src="/static/imghw/default1.png"  data-src="images/15.jpg"  alt="15"/><img class="img-circle lazy"  src="/static/imghw/default1.png"  data-src="images/16.jpg"  alt="15"/><img class="img-circle lazy"  src="/static/imghw/default1.png"  data-src="images/17.jpg"  alt="15"/>

/*----------------------------------------     Panel 主要功能介紹    ------------------------------------*/#features {    text-align: center;}#features img {    margin: 0 0 20px;}