How to properly use offset within Twitter's Bootstrap navbar?

Question

I use offset1 span6 for the main content and wanted to apply the same for navbar content, but it doesn't work properly - please see live demo.

Answer 1

Offsets only work within the context of a .row, so add the .row class to your navbar div and it works just fine.

<div class="row navbar-inner"> ... </div>

Demo: http://jsfiddle.net/fJU4K/1/

Answer 2

Check this out: http://jsfiddle.net/taZjV/

The trick is to a) remove the "offset1 span6" from the row and make it a div of its own, b) remove the navbar-fixed-top from the navbar c) Move the navbar inside the offset1 span6 div