Bootstrap組件之頁頭、縮圖，bootstrap組件

Bootstrap組件之頁頭、縮圖，bootstrap組件

.page-header——指定div元素包裹頁頭組件；

<div class="page-header">        <h1>小鎮菇涼<small> 2小時前</small></h1>    </div>

.thumbnail——指定元素包裹縮圖組件

    <div class="row">        <div class="col-xs-6 col-md-3">            <a href="#" class="thumbnail">                <img src="images/937654.jpg">            </a>        </div>        <div class="col-xs-6 col-md-3">            <div class="thumbnail">                <img src="images/937654.jpg">                <div class="caption">                    <h4>第15屆上海校花評比大賽</h4>                    <p>這是上海複旦大學德語專業的大三學生，她的名字叫韓詩意！</p>                    <p class="text-right">                        <a href="#" class="btn btn-default">不喜歡</a>                        <a href="#" class="btn btn-primary">喜歡</a>                    </p>                </div>            </div>        </div>    </div>

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。