Twitter Boostrap 16 of 24 grid

Door 15 november 2012Tips & Trucs

Niet genoeg aan het 12 grid van Twitter Bootstrap? Maak je eigen bootstrap op: http://twitter.github.com/bootstrap/customize.html. Houd er rekening mee dat het Twitter Bootstrap uit drie grids bestaat (in het geval je het responsive gedeelte gebruikt). We dienen dus voor alle drie de grids de waardes aan te passen.

Grafisch voorbeeld waar de waardes voor dienen:

16 kolommen grid:
@gridColumns 16
@gridColumnWidth 40px
@gridGutterWidth 20px
@gridColumnWidth1200 50px
@gridGutterWidth1200 25px
@gridColumnWidth768 36px
@gridGutterWidth768 10px

 24 kolommen grid:
@gridColumns 24
@gridColumnWidth 30px
@gridGutterWidth 10px
@gridColumnWidth1200 35px
@gridGutterWidth1200 15px
@gridColumnWidth768 21px
@gridGutterWidth768 10px