Search code examples
htmlcsstwitter-bootstrapcol

trying to center img in col (Bootstrap 3.3.7)

I've been trying to center an image in a col with bootstrap but couldn't figure out how to do it i would appreciate help

(https://gyazo.com/156b8d341d0bcc7777527fdf0139b3be)

The row above the blue line is what i want, but under the blue line is what i have with this code (The square in the "col" is the image)

jsfiddle.net/1cjbfs29/3/

Solution

  • This should do it:

    #Dennis, #Thomas {
  text-align: center;
}

    Addition after seeing the last js fiddle with the real, complete code:

    Also, remove the float: left from both images and change the class of the two DIV containers to col-sm-6 only (There is no reason for that col-sm-5, in which the images are centered)