Boostrap max width voor een ontwerp?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jan Graneker

Jan Graneker

04/09/2015 12:34:09
Quote Anchor link
Beste Leden,

Ik loop tegen een probleem aan. Ik gebruikte altijd het 960 grid om een website in Photoshop te ontwerpen.
Nu 2-jaar geleden het gehele responsive gebeuren er is gekomen, zou ik deze grid/container, dus niet meer nodig hebben? Welk formaat/grid gebruiken jullie nu?

Als ik dit wil combineren met Bootstrap: http://getbootstrap.com/examples/grid/ zie ik dat bootstrap een max width van 1160 gebruikt? (12 colums) klopt dit en hoe doen jullie dit?

Erg bedankt alvast.
 
PHP hulp

PHP hulp

23/04/2024 22:41:46
 
Ward van der Put
Moderator

Ward van der Put

04/09/2015 13:40:50
Quote Anchor link
De maximumbreedte is geen voldongen feit. Je kunt deze ombuigen richting je 960 px als je daar de voorkeur aan geeft, bijvoorbeeld om bij een bestaand ontwerp niet te veel over te hoeven doen:

http://stackoverflow.com/questions/19430217/bootstrap-3-set-container-width-to-940px-maximum-for-desktops

Belangrijk is inderdaad wel dat de vlakverdeling van je ontwerp past in een stramien van 12 kolommen, maar bij 960 px zal dat vaak al het geval zijn.
 

04/09/2015 14:17:13
Quote Anchor link
Ik heb wel een PS bestandje voor je met de 2 grids.
Maar BS houdt 1200 aan voor lg schermen dacht ik.

Hier alle info

https://scotch.io/quick-tips/default-sizes-for-twitter-bootstraps-media-queries
 
Jan Graneker

Jan Graneker

04/09/2015 14:41:47
Quote Anchor link
Bedankt voor je reactie Rick. Wat houdt jij nu aan als standaard container waar je, je ontwerp in maakt?

Het minimum voor de grotere schermen is inderdaad 1200
Gewijzigd op 04/09/2015 14:42:44 door Jan Graneker
 

04/09/2015 14:57:50
Quote Anchor link
Ik ontwerp meestal op 1200 en anders 992
 
Jan Graneker

Jan Graneker

04/09/2015 17:59:37
Quote Anchor link
Rickert Bombaklats op 04/09/2015 14:57:50:
Ik ontwerp meestal op 1200 en anders 992


Op 1200 heb je dan volgens BS 12 colums toch?

Hoe doe je dit bij bijv de tablet versie? Gebruik je de spacing of maak je een hier nieuw document hiervoor op?
 
Jan Graneker

Jan Graneker

02/06/2016 13:43:36
Quote Anchor link
Nog even een reactie hierop.

Ik gebruik nu standaard de 1170 grid, maar als ik bijvoorbeeld kijk naar: http://www.istockphoto.com/nl

Hoe hebben ze dit met het menu gedaan? ook een 1170 grid en het menu in een flexbox, of een 1920 grid als dat bestaat?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.