На этот вопрос уже есть ответ:

Центрирование изображения в Bootstrap 3 ответа Как вы получаете центрированный контент с помощью Twitter Bootstrap? 23 ответаBootstrap: Как выровнять содержимое по центру внутри столбца? [Дубликат] 2 ответа

У меня есть несколько изображений в столбцах начальной загрузки, как это:

<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--> 

Как видите, каждому столбцу также присвоен классservices-section. Я в стиле.services-section img в CSS вот так:

CSS:

.services-section img {
text-align: center;
width: 90px;
height: 90px;
} 

И я попытался добавить различные стили к этому классу -float:none;, margin:auto;, vertical-align:middle; - ни один из них не имел никакого эффекта. Я также попытался дать изображение классу -.middle и делаю

.middle {
text-align: center;
}

В CSS, но это также не имело никакого эффекта.

Я не хочу использоватьmargin-left: 30px; но я не знаю, как еще подтолкнуть изображения к центру их столбцов. Спасибо за любые другие предложения, сайт здесь живёт:

http: //nowordpress.gatewaywebdesign.com