정보실

웹학교

정보실

bootstrap 간단한 레이아웃 태그

본문

<div class="container">

    <div class="row">

        <div class="col-md-2">.col-md-2</div>

        <div class="col-md-2">.col-md-2</div>

        <div class="col-md-2">.col-md-2</div>

        <div class="col-md-2">.col-md-2</div>

        <div class="col-md-2">.col-md-2</div>

        <div class="col-md-2">.col-md-2</div>

    </div>

    <div class="row">

        <div class="col-md-8">.col-md-8</div>

        <div class="col-md-4">.col-md-4</div>

    </div>

    <div class="row">

        <div class="col-md-4">.col-md-4</div>

        <div class="col-md-4">.col-md-4</div>

        <div class="col-md-4">.col-md-4</div>

    </div>

    <div class="row">

        <div class="col-md-6">.col-md-6</div>

        <div class="col-md-6">.col-md-6</div>

    </div>

</div> 

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

페이지 정보

조회 309회 ]  작성일15-05-23 19:44

웹학교