This is excellent!

Thanks a lot for the speedy reply - can't believe I didn't think of % offset.  
Still, wouldn't have had such a comprehensive solution. Bookmarked for future 
Bootstrap sites.

Cheers

On 1 Aug 2012, at 21:34, Sherbrow <[email protected]> wrote:

If you really need to center in the fluid grid, the easier solution to me seems 
to center using inline blocks and text alignment.

Second solution would be to use % offsets, which can easily be calculated by 
adding span width and gutter width.

Math thing : .row-fluid .offsetN = (@fluidGridColumnWidth + 
@fluidGridGutterWidth) * N + @fluidGridGutterWidth

But here is a gist which has it all : https://gist.github.com/3230479.

Hope this helps.

On Sunday, February 19, 2012 12:00:47 AM UTC+1, Dominic Webb wrote:
I want to center a div within the responsive layout.

Im using:

<div class="container-fluid">
<div class="row-fluid">
<div class="span4 offset4">...content...

However I'm not getting the offset effect, leaving everything on the left hand 
side of the page. Perhaps I am not using the correct set of classes to achieve 
the desired outcome?

Thanks in advance.
Dom

Reply via email to