정보실

웹학교

정보실

bootstrap 4 Block row

본문

<div class="container">

<div class="row">

          <div class="col-md-3 col-sm-6">

          <div class="well"> 

              <h2 class="text-center"><span class="label label-danger">Snippets</span></h2>

              <h1 class="text-center">313</h1>

          </div>

          </div>

          <div class="col-md-3 col-sm-6">

          <div class="well"> 

              <h2 class="text-center"><span class="label label-danger">Templates</span></h2>

              <h1 class="text-center">48</h1>

          </div>

          </div>

       <div class="col-md-3 col-sm-6">

          <div class="well"> 

              <h2 class="text-center"><span class="label label-danger">Downloads</span></h2>

              <h1 class="text-center">982</h1>

          </div>

          </div>

          <div class="col-md-3 col-sm-6">

          <div class="well"> 

              <h2 class="text-center"><span class="label label-danger">Sales</span></h2>

              <h1 class="text-center">412</h1>

          </div>

          </div>

    </div><!--/row-->

</div><!--container--> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 267회 ]  작성일15-05-23 20:01

웹학교