How to get grid items to align center in Bootstrap views? I'm using Bootstrap views Drupal 7.

Live site is over here to have a look at the code:

http://xuzo.com/testing/

When a 3 column grid gets minimized, the 3 items stack 2 on top and 1 on the bottom.

But the bottom one is left aligned.

How can I have them align in the center so I get a nice triangle?

This looks easy with css, but I can't get it to work, tried:

 margin: 0 auto;


And others but can't get it working for some reason...
If you can create div tag, you can use css as show below. 

Example:

html: &lt;div class="secLayerContainer"&gt;&lt;div class="secLayerContent"&gt;.....&lt;/div&gt;&lt;/div&gt;

css: 
.secLayerContainer { display: inline; float: left; width: 100% }
.secLayerContent { display: block; float: none; width: 200px; margin: 0px auto}  

note: 200px also can change 20%. (your preference)