asked on

keep my div the same size as my nav menu and aligned under it using bootstrap

I'm new to Bootstrap and am having difficulty aligning my div under my nav menu and keeping it there during a resize. is there any specific bootstrap classes I can do to achieve this?

The page in question can be found here. The white box with the intro text needs to be the same width as the navigation menu above it, as well as be aligned underneath it whenever the browser is being resized.

Thanks in Advance!

ASKER CERTIFIED SOLUTION

Greg Alexander

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Big Monty

ASKER

thanks for the suggestion!

I tried what you said, got rid of the position and margin-right css rules, but it just pushed the box all the way to the left, and when I resized the browser, it didn't stay roughly under the nav nar. if I keep the margin-right at 18%, it aligns properly under the nav bar, but again, it doesn't resize accordingly when the browser is resized.

The container class, is that just a generic container? is it suppose to be responsive automatically (resize automatically), or does it have more attributes? I'm having a hard time finding documentation for the core classes in Boostrap that describes their attributes

Big Monty

ASKER

ignore my last response, it does work :) I had forgotten to hit save on my index.htm file, caffeine hasn't hit me yet :)

thanks again for the help, much appreciated! I may have a few more questions coming up if you're interested

Greg Alexander

Great! I will keep an eye out for them.

Big Monty

ASKER

posted another (simple I hope!) question if you're interested in having a look:

https://www.experts-exchange.com/questions/28564957/bootstrap-and-logo-placements.html