댓글 검색 목록

[bootstrap] images grid

페이지 정보

작성자 운영자 작성일 15-05-23 20:02 조회 2,705 댓글 0

<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>