Html 如何在引导列中居中显示图像

我在引导栏中有几个图像，如下所示：

<div class="services">
    <div class="container">     
        <div class="row">

            <div class="col-md-3 services-section">
                <img src="/images/website_design_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Website Design</h3>
                    <p>WordPress themes built for design and functionality</p>
                    </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/graphic_design_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Graphic Design</h3>
                    <p>Logo designs for identity and print</p>
                </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/search_engine_marketing_icon.png"/>
                    <div class="services-paragraph">
                    <h3>Search Engine Marketing</h3>
                    <p>SEO strategies and PPC solutions to increase your presence online</p>
                </div>
            </div>

            <div class="col-md-3 services-section">
                <img src="/images/wordpress_conversion_icon.png"/>
                    <div class="services-paragraph">
                    <h3>WordPress Conversion</h3>
                    <p>Take advantage of the number-one CMS in Web Design to liberate your business</p>
                    </div>
            </div>

        </div><!--/Row-->
    </div><!--/Container-->
    </div><!--/Services--> 

我尝试过向这个类添加各种样式-

float:none，
页边距：自动，
垂直对齐：中间-它们都没有任何效果。我还试着给这个图像一个class-
.middle
，然后

.middle {
text-align: center;
}

但是这也没有效果

我不想使用
左边距：30px但我不知道如何将图像推向其列的中心。感谢您提供的任何其他建议，该网站位于此处：

将文本对齐设置为打开。服务部分仅如下所示：

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

添加
显示：块
和
边距：自动它会成功的

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

将文本对齐设置为打开。仅限服务部分此操作也有效，这样我就不必从
中删除
img
。服务部分img
-谢谢。@HappyHands31您的欢迎：）您也可以将
class=“d-block m-auto”
放在您的img标签上。
.services-section img {
    width: 90px;
    height: 90px;
    margin: auto;    
    display: block;
}