uikit column and grid usage guide

// uikit column and grid usage guide




<div class="uk-grid" data-uk-grid-margin>
	<div class="uk-width-medium-1-3">
		<div class="uk-grid">
			<div class="uk-width-5-6"></div>
			<div class="uk-width-1-6"></div>
		</div>
	</div>
</div>



// for uk-width-medium / small / large /

1-1 = width 100% -------------- 1 column
1-2 = width 50% --------------- 2 column
1-3 = width 33.333% ----------- 3 column
1-4 = width 25% --------------- 4 column
1-5 = width 20% --------------- 5 column
1-6 = width 16.666% ----------- 6 column



// after grid

1-6 = width 16.666% ----------- 6 column
2-6 = width 33.333% ----------- 3 column
3-6 = width 50%     ----------- 2 column
4-6 = width 66.666% ----------- 4 column
5-6 = width 83.333% ----------- 5 column
6-6 = width undefine ----------- 1 column