Responsive Grid

Grid Showcase

This grid is taken from Bootstrap and removed the unused unnecessary code.

12 Columns Phone Grid

The grid below is a demonstration of how to use it.If you are familiar with grids It won't be a problem but If you don't you better learn this simple concept because It is around the web for many years.

COL 1
col-xs-2
col-xs-3
col-xs-4
col-xs-5
col-xs-6
col-xs-7
col-xs-8
col-xs-9
col-xs-10
col-xs-11

For Tablets

If you check below columns with your tablet and phone you will see difference. On tablet these columns are near each other. On phone under each other.

You can change number from 1-12 on all column types, like you can create 1 row of 12 columns on tablet but it may show 6 rows of 2 columns on phones or vice versa.

col-sm-6
col-sm-6
حقوق التأليف والنشر © 2016 من قبل موبيوس ستوديو

عنوان: Lipsum شارع أبجد
طريقة PO 60009 دولور / ألاسكا

هاتف: +1 234 56 78

فاكس: +1 876 54 32

البريد الإلكتروني: amp@mobius.studio