Deprecated: Creation of dynamic property Savant3::$currentGuide is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$languages is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$language is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$editableText is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$editableH2 is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$editableH3 is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$styleGuideChapter is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$availableMenus is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$hideEditableBorders is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$pageName is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$content is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$breadcrumbs is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$javascriptFilesAdditional is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$cssFilesAdditional is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$activeMenu is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$menu is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928

Deprecated: Creation of dynamic property Savant3::$user is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/lib/Savant3-3.0.1/Savant3.php on line 928
UGent style guide

Menu

Naar inhoud

Websites

Inloggen NL - EN

Deprecated: Creation of dynamic property Savant3::$chapter is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/templates/websites/responsive-grid.tpl.php on line 7

Deprecated: Creation of dynamic property Savant3::$section is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/templates/websites/responsive-grid.tpl.php on line 13

Deprecated: Creation of dynamic property Savant3::$styleGuideSections is deprecated in /srv/vhosts/styleq.ugent.be/htdocs/WWW/templates/websites/responsive-grid.tpl.php on line 18

5. Responsive grid

UGent volgt het grid systeem van Bootstrap, meer informatie is hier te vinden:

http://getbootstrap.com/css/#grid

5.1 Responsive grid

Hieronder een voorbeeld van de kolomstructuur op mobiel, tablet (staand en liggend) en desktop.

Grid op mobiel
4 kolommen
Grid op tablet portrait
6 kolommen
Grid op tablet landscape
12 kolommen
Grid op desktop apparaat
12 kolommen

5.2 Responsive gedrag contentblokken

Hieronder het responsive gedrag van de contentblokken op mobiel, tablet (staand en liggend) en desktop.

Zie voorbeeld 7.1 Basis layout

Blokken op mobiel
4 kolommen
Blokken op tablet portrait
6 kolommen
Blokken op tablet landscape
12 kolommen
Blokken op desktop apparaat
12 kolommen

5.3 Alternatief responsive gedrag contentblokken

Bij het 12 koloms grid komt het ook voor dat contentblokken uitgelijnd worden in de verhouding 1/3 - 2/3 (licht blauwe vlakken) of op 1/4 van de breedte van de pagina (groene blokken).

Zie voorbeelden 7.2 Keuzepagina, 7.3 Detailpagina, 7.4 Detailpagina met paginanavigatie

Blokken op tablet landscape
12 kolommen
Blokken op desktop apparaat
12 kolommen

Naar boven