정보실

웹학교

정보실

bootstrap images grid

본문

<div class="container">
    <div class="row">
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
         <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail pull-left">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
        <div class="col-lg-3 col-sm-4 col-xs-6">
            <a href="#" class="thumbnail">
                 <img src="http://placehold.it/350x150" class="img-responsive">
            </a>
        </div>
    </div><!--/row-->
</div>

페이지 정보

조회 385회 ]  작성일15-05-23 20:02

웹학교