Img Responsive class causing text-center not to work

[jeffcorey]

Could not find this as an open or resolved issue, but is anyone else having a problem with the img-responsive class not allowing text-center to work?

[andyvincent]

I've had the same issue - I think this is by design though - looking at the images, they effectivly are 100% width (caused by the max-width attribute being 100%) - There is away around this though, and that is to set margin-left and margin-right to auto on your image. I created a selector called img-center and applied it to the image -

.img-center {
  margin-left: auto;
  margin-right: auto;
}

<img class="img-responsive img-center" src="/img/content/garrison-1-sm.jpg" title="A group of volunteers at the Fort in formation">

[cvrebert]

Per its name, .text-center isn't guaranteed to work for non-text in the general case (although it might work in certain cases).