how to align it to the center with same size with col-md-3 ?

thanks a billion. God bless you. perfect, just perfect

This is art! Well done on a truly amazing job. I've just integrated it into Laravel using the $loop iterator variable to find tune the style, and it's working just great! Thank you!

Thank you! I implement the snippet (with minor customization) on https://tenanitfy.com. I would not be able to figure out the "Most Popular" triangle wrapper by myself.

Hi
Seems part of the stylesheet is missing, Panel-primary, panel-info, button styles etc, Where cn I find it?

that part of CSS is coming from Bootstrap 3.0 CSS file
Please go to getbootstrap.com to get the CSS for it

The "Most Popular" overlay doesn't seem to show in any browser. What am I missing?

can you align it to center? btw nice n simple

change it to col-md-4 to 'align' to center

Thank you. For me it fits awesome!

thanks ash

but i dont want to expand the size of the box, should have spaces on both sides.

Then use Bootstrap's offset Feature. See: http://getbootstrap.com/css...

Using the offset and changing the 'col-md-3' divs to 'col-md-4' is the way to go. Wrap the 'col-md-4' divs in a 'col-md-10 col-md-offset-1' this will center the 3 panels and keep the size the same.

the Most Popular Feature not parse in ie8

Mhhh, I don't like the mouse-over effect, but otherwise, great work!

If you don't want mouse-over effect, you can delete

.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }

this line from css.

This is just what I need! Nice and simple.

Does not look good with Firefox (The most popular feature).

Now resolve firefox issue, looks good in firefox

Could you make a screenshot and upload it to http://filegr.am ?