How To Center Image Within Bootstrap Column

I have several images within bootstrap columns like this:

Solution 1:

Add display: block and margin: auto; it will do the trick

.services-sectionimg {
    width: 90px;
    height: 90px;
    margin: auto;    
    display: block;
}

Solution 2:

set text-align on .services-section only like so:

.services-section {
    text-align: center;
}

CodePen Example here

Share