Today it is almost necessary to develop websites that are fully adapted to multiple devices (tablet, mobile phones, laptops, PCs...) . This section aims to guide the graphic designer who created the designs in a wide web standards, what should we consider when proposing responsive web designs (adaptable) and diversity of opportunities that offer JQuery libraries (plugins that implement different functions in one site: deploy menus, image carousels, usability dynamics...).
http://getbootstrap.com/examples/theme/ Reference page of the responsive implementation; if we change the width of the browser window, we can see how the different elements behave, with particular attention to the main menu, it becomes fully adapted to the correct usability on mobile devices.
Example of structure block according to 12 columns Bootstrap guide:
Example of blocks behavior according to the width of the display device:
Mainly we consider that:
The elements are placed next to each other, as it reduces the width of the screen they go down: for example, if we have a row of six columns, we can change it to 2 rows of 3 columns and finally (or directly) to 6 rows of a column. Also we can configure it to, even though the page is reduced, elements will never be relocated in a single row. Examples http://getbootstrap.com/examples/grid/.
If you want to stay informed of the latest developments and trends in web design: