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