12 in all
.enclosed with acms-container, its width will be 940px with centering
used for arrange the blocks
<div class="acms-container"> <div class="acms-grid"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div>
<div class="acms-container"> <div class="acms-grid-r"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div>
<div class="acms-container"> <div class="acms-grid-r"> <div class="acms-col-2 acms-col-md-5 acms-col-sm-5"> ... </div> <div class="acms-col-3 acms-col-md-3 acms-col-sm-4"> ... </div> <div class="acms-col-7 acms-col-md-4 acms-col-sm-3"> ... </div> </div> </div>
<div class="acms-grid"> <div class="acms-col-4"> ... </div> <div class="acms-col-8"> <div class="acms-grid"> <div class="acms-col-5"> ... </div> <div class="acms-col-7"> ... </div> </div> </div> </div>
the grid will be on the right if you set .acms-push-5 the grid will be on the left if you set .acms-pull-7
<div class="acms-grid"> <div class="acms-col-7 acms-push-5"> ... </div> <div class="acms-col-5 acms-pull-7"> ... </div> </div>
grid will be on the right, if you set the class as acms-push-md-5 width the tablet size. and if you set the class as .acms-pull-md-7, the grid will be on the left
<div class="acms-grid-r"> <div class="acms-col-7 acms-col-md-7 acms-push-md-5"> ... </div> <div class="acms-col-5 acms-col-md-5 acms-pull-md-7"> ... </div> </div>
grid will be on the right, if you set the class as acms-push-sm-5 width the smart phone size. and if you set the class as .acms-pull-md-7, the grid will be on the left
<div class="acms-grid-r"> <div class="acms-col-7 acms-col-sm-7 acms-push-sm-5"> ... </div> <div class="acms-col-5 acms-col-sm-5 acms-pull-sm-7"> ... </div> </div>
removing push pull with tablet size
<div class="acms-grid-r"> <div class="acms-col-7 acms-push-5 acms-col-md-7 acms-push-md-auto"> ... </div> <div class="acms-col-5 acms-pull-7 acms-col-md-5 acms-pull-md-auto"> ... </div> </div>
removing push pull with smart phone size
<div class="acms-grid-r"> <div class="acms-col-7 acms-push-5 acms-col-md-7 acms-push-md-5 acms-col-sm-7 acms-push-sm-auto"> ... </div> <div class="acms-col-5 acms-pull-7 acms-col-md-5 acms-pull-md-7 acms-col-sm-5 acms-pull-sm-auto"> ... </div> </div>