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!
LVL 34
Big MontySenior Web Developer / CEO of ExchangeTree.org Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Greg AlexanderLead DeveloperCommented:
You could wrap the text and logo in a div with class of container (seems like you commented it out at one point) Then you would have to remove the CSS rules that give it the position absolute and the margin right of 18%.

<div class="container">

            <div class="row">
                <div class="col-lg-3 pull-left xtLogo">                   
                    <img src="img/logo.png" height="200" width="200" />
                </div>

                <div class="col-lg-9">
			            <div class="mainText pull-right">
					            <h1 class="text-center">Welcome to ExchangeTree.Org!</h1>
					            <p>
						            ExchangeTree facilitates the pursuit of passions, interests, and needs through exchange in your community. Barter goods, services, things 
						            you can teach, and things you can lend or share, with other trusted users.
					            </p>
				            <br />
			            </div>
                </div>
            </div>

        </div>

Open in new window


Then remove position: absolute and margin-right: 18% from the .mainText class.

Hope that helps!
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Big MontySenior Web Developer / CEO of ExchangeTree.org Author Commented:
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
0
Big MontySenior Web Developer / CEO of ExchangeTree.org Author Commented:
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
0
Greg AlexanderLead DeveloperCommented:
Great! I will keep an eye out for them.
0
Big MontySenior Web Developer / CEO of ExchangeTree.org Author Commented:
posted another (simple I hope!) question if you're interested in having a look:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_28564957.html
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.