I'm trying to achieve a flexible web app layout similar to Google Reader and Gmail, as described below.
Could the below be done with just HTML & CSS or will I need to use Javascript? I've done the following with a few dirty tables, but wondering if I can achieve this in Bootstrap. There are 3 main sections: Masthead: - (This is top navigation bar, and the sub-navigation just below it.) - Fixed height - Variable width (fills the browser width as it is resized) Sidebar - Under the masthead, and to the left or right of the 'main' section, e.g. the folders/labels list in Gmail - Fixed width - Variable height to fill browser as it is resized 'Main' section - This is the message list/message contents in Gmail, next to the sidebar and below the masthead - Variable width to fill the browser as it is resized - Variable height to fill the browser as it is resized
