Can someone suggest a good way to achieve a 5 column layout using the grid?
My boss and the designer have just come up with a wonderful visual, but the dang thing uses 5 columns and I can't convince them them not to (the bootstrap grid works in variations of 12 total columns right?)
Try using a custom template view with html and css specific to a five column grid. The link below should give you an idea of how to do this in bootstrap:
Bootstrap 5 column Grid
Hi.
Can someone suggest a good way to achieve a 5 column layout using the grid?
My boss and the designer have just come up with a wonderful visual, but the dang thing uses 5 columns and I can't convince them them not to (the bootstrap grid works in variations of 12 total columns right?)
Leon
Try using a custom template view with html and css specific to a five column grid. The link below should give you an idea of how to do this in bootstrap:
http://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap
The issue here is the the standard bootstrap columns in a grid is 12 which isn't divisable by 5 to a whole number.
If you have the less source of bootstrap and are using less you can try in your less file
@import '/core/bootstrap-3.2.0/variables.less';
@import '/core/bootstrap-3.2.0/mixins/grid-framework.less';
@import '/core/bootstrap-3.2.0/mixins/grid.less';
@grid-columns: 10;
/* The next import will acutally generate the 10 columns */
@import '/core/bootstrap-3.2.0/grid.less';
This will generate the css for col-xs-1 to 10 with the correct sizes, so for 5 columns you want to use
is working on a reply...