GRID SYSTEMS
| .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 | .col-md-1 |
| .col-md-8 | .col-md-4 | ||||||||||
| .col-md-4 | .col-md-4 | .col-md-4 | |||||||||
| .col-md-6 | .col-md-6 | ||||||||||
col-md
<div class="row row-col">
<div class="col-md-6 padding-col"> (Pictures.jpg) </div>
<div class="col-md-6 padding-col"> (Pictures.jpg) </div>
</div>
col-sm
<div class="row row-col">
<div class="col-sm-4 padding-col"> (Pictures.jpg) </div>
<div class="col-sm-4 padding-col"> (Pictures.jpg) </div>
<div class="col-sm-4 padding-col"> (Pictures.jpg) </div>
</div>
col-xs
HELLO ITOPPLUS
HELLO ITOPPLUS
HELLO ITOPPLUS
HELLO ITOPPLUS
<div class="row row-col">
<div class="col-xs-6 padding-col"> (Pictures.jpg) </div>
<div class="col-xs-6 padding-col"> HELLO ITOPPLUS </div>
</div>
<div class="row row-col">
<div class="col-xs-3 padding-col"> (Pictures.jpg) </div>
<div class="col-xs-9 padding-col"> HELLO ITOPPLUS </div>
</div>
col-md 12 รูป












<div class="row row-col">
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
<div class="col-md-1 padding-col"> (Pictures.jpg) </div>
</div>