Hi,
I am building a new web application for a client. They currently manage their business using a large excel sheet on a 27" monitor.
This allows them to view 8 shops (data) on one excel sheet.
I am using Bootstrap to build their web app and their no. 1 requirement is that the dashboard can display data for 8 shops on one screen, in a card / portlet format.
Do you think this is possible in Bootstrap? For example I could use an 8 column grid but how can I stretch each column so they are big enough for a portlet (shop) on the 27" monitor?
Any help or advice on this would be greatly appreciated. Thank you.
By default, Bootstrap is based on a 12 column grid system (but you can customize that).
Take a look at this page - it gives an overview of the default grid system and how you can break up 12 columns into 2 columns of 6, or 3 columns of 4, etc.
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
If you've got 8 "boxes" that you want to arrange in Bootstrap, using the standard 12 column layout you can stack them into 2 "rows" of 4 boxes.
In other words:
[ ] [ ] [ ] [ ]
[ ] [ ] [ ] [ ]
or if it's more desirable to have all 8 boxes in a single row (from left to right), then you can generate and download a custom Bootstrap configuration, where you tell Bootstrap you want to use an 8 (or 16) column grid system instead of 12.
To do that, just go to http://getbootstrap.com/customize/ ... scroll about half-way down the page, look for the 'Grid System' section and change the 12 to an 8 (or maybe better, 16).