The ui-block-a class essentially clears the floats which will start a new line (see multiple row grids, below). The thing I do is change the grid columns to 100 width and no float on small screens. I have made a very easy CSS hack to make the design responsive. Within the grid container, child elements are assigned ui-block-a/b/c/d/e in a sequential manner which makes each "block" element float side-by-side, forming the grid. I make web apps that are cross platform phone/web/tablet. Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them. five-column (using the ui-grid-d class).four-column (using the ui-grid-c class). ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |