Question

I’m having a tuff time centering the navigation of my website with the content body. I’d like the navigation to center with that instead of the browser because it looks like its a bit left of the content body and doesn’t quite look right.

Is that possible. http://www.bryananthonylewis.com/ Just a simple blog with Twitter Bootstrap.

Answer 1

I think you’re on the wrong track here..

a quick scan using chromeinspect shows me you use span8 offset 2 for your main content (the first element within your container element right beneath #modal-contact), and i think you’re main content is a bit to the right and not the header to the left.

my quick fix:

remove the offset,
and get a css style on that content with:

float: none;
margin: 0 auto; /*replace 0 for top margin*/

putting a width to the container as Pankaj suggests might work too, although you might loose dynamic width changes provided by bootstrap this way… didnt check so i might be wrong on that part

update

another update to clarify

remove previous fix.
in the container element right beneath your #modal-contact add a wrapping div,
not at the top of your page like i think you did…

<div class="container">
    <div class='row'>
        <div class="span8 offset2">
             blogcontent here
        </div>
    </div>
<div>

woops code tags were missing here

i get a feeling this should do the same thing.
and i also believe that the header needs the same fix. but i’m not 100% sure, so pls try and comment if it works or not. this update is based on the official docs

bootstrap documentation

if things don’t work, forget about my suggestion and stick to what works