I have the following page that is using Bootstrap 3.x, It's not currently using media queries, but I expect to implement them soon, thus the reason why I'm using BootStrap.
I'm currently trying to get the different sections of the content to align up properly, but am having trouble doing so. The page is essentially composed of 3 horizontal sections:
1) banner section, section with the dark green background
2) nav section - section with the light green background and nav menu items
3) content section - includes the logo in column 1, and 2 side by side boxes that contain the main content of the page
what I'm looking to do is line up the left margins, so that the text in the (ExchangeTree) in the banner section left aligns the the first menu item (Home) which then aligns up to the left border of the left content box.
I've tried playing around with the different "col" classes in BS but nothing seems to work. I'm hoping to accomplish without putting the banner and nav sections in their own BS "row", I believe I tried that and it screwed up my menu. If that's the only solution, I'll do it, but want to explore other options as well.