정보실

웹학교

정보실

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>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

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

웹학교