Geek Answers Handbook

Is it possible to horizontally center the alignment of bootstrap lines that are not up to 12?

<div class="row"> <div class="span4"></div> <div class="span4"></div> </div>

I understand that you only need 12 flights. Is there a way to still center the alignment of the two spaces that I have horizontally? The above will just float to the left.

I tried putting a wrapper around them and automatically a marker, but nothing happens.

I can go and remove the span class and just add the specified width, but I need the span class for the liquid layout.

+7
source share
1 answer

If you want to center two span4 columns, you can use the offset parameter as:

 <div class="row"> <div class="span4 offset2"></div> <div class="span4"></div> </div>

Remember that this can lead to a crash in lower resolutions. To prevent this, consider using a fluid layout. This is done by changing

 <div class="row">

in

 <div class="row-fluid">

Hope this helps!

+6
source

More articles:


All Articles