Reputation: 9935
Check the following image.
To get this layout I have to do with empty div like <div class="ui-grid-col-2"></div>
.
<div class="ui-grid ui-grid-responsive">
<div class="ui-grid-row">
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
</div>
<div class="ui-grid-row">
<div class="ui-grid-col-2"></div>
<div class="ui-grid-col-1">1</div>
<div class="ui-grid-col-1">1</div>
</div>
</div>
Is there a way like offset-col-x
as below? Eg : Bootstrap CSS Offsetting columns
<div class="ui-grid-col-1 offset-col-3">1</div>
Upvotes: 0
Views: 2755
Reputation: 584
The ...-offset-...
classes are for this very purpose:
col-xs-offset-x
Upvotes: 1