Twitter Bootstrap - how to center elements horizontally or vertically

css twitter-bootstrap
itsme picture itsme · Apr 10, 2012 · Viewed 564.8k times · Source

is there any way to center html elements vertically or horizontally inside the main parents?

Answer

itsme picture itsme · Feb 1, 2013

Update: while this answer was likely correct back in early 2013, it should not be used anymore. The proper solution uses offsets.

As for other users suggestion there are also native bootstrap classes available like:

class="text-center"
class="pagination-centered"

thanks to @Henning and @trejder

Related questions

Center a column using Twitter Bootstrap 3

How do I center a div of one column size within the container (12 columns) in Twitter Bootstrap 3? I want a div, with a class .centered to be centered within the container. I may use a row if there are multiple …

Read More
vertical-align with Bootstrap 3

I'm using Twitter Bootstrap 3, and I have problems when I want to align vertically two div, for example — JSFiddle link: The grid system in Bootstrap uses float: left, not display:inline-block, so the property vertical-align doesn't work. I tried using …

Read More
Text-align class for inside a table

Is there a set of classes in Twitter's Bootstrap framework that aligns text? For example, I have some tables with $ totals that I want aligned to the right... <th class="align-right">Total</th> and <td …

Read More