img-responsive class on Image element breaks KingComposer setting

Please note that my theme uses Bootstrap. I’m not sure if KingComposer is designed with Bootstrap in mind or not. Bootstrap is loaded in the theme after plugins have been loaded.

When I add an Image element to a column in KingComposer the image displays on the front-end but unfortunately the img-responsive class assigned to the image breaks the selected display type under the style settings.

The img-responsive class in bootstrap places a “display: block” on the element. Which breaks any chosen alignment. If you explicitly set the display type in KingComposer for the Image element to Inline or Inline-Block (which would allow the image to center) the img-responsive class in bootstrap overrides the selection.

The selection in KingComposer is clearly visible in the output. The css is being properly embedded in the head tag of the document after Bootstrap’s link.

Please let me know how to proceed. Thanks!