Responsive Grid for Bootstrap

Responsive Grid for Bootstrap

If you are not yet designing for mobile phones, then the market will soon throw you on the reefs of unemployment.
alt
Michael CEO&Founder


Printed 2013-05-20

If you are not yet designing for mobile phones, then the market will soon throw you on the reefs of unemployment. Making a design for all existing permissions becomes unrealistic - too many different displays have appeared, and there will be even more. 

There is a convenient tool for layout immediately for any permissions - Bootstrap. I will not go into the territory of HTML coders, I'll only tell you what the designer needs to know in order to create an adaptive website design. 

First, under Bootstrap you need to make a grid of a certain kind. The most convenient is a 12-column grid. It is suitable for most corporate sites and landing pages, although it's more difficult to make a news site on it. 

Don’t be afraid to add guides to it when you need it to comply with indentation and allocation of free space, but make sure that the semantic blocks fit seamlessly into this grid - when compressing the screen, they will adaptively rebuild, and here you need to strictly adhere to the columns. 

More about grids in design:

Why do I need a grid
Going beyond the borders of the columns
Density rule
Grid and mood
Responsive Grid for Bootstrap
Grid Formula
Method: if the grid fails

Our services

Latest works:

«We've got better rankings in Google than the official distributor have! Thank the whole team for your professional SEO services »
Max (My-Porsche Car Service, CEO).
«I am grateful to all the employees of the Illumina Creative engaged in our project. Our corporate website development led to a high quality product that is now well above some competitors and the same level that others »
Vyacheslav Krasnozhen (Founder of Modernization of Aviation Complexes LLC). Web development for the worldwide known company that develops aircraft simulators, especially for Boeing & Airbus