Bootstrap4, не работает позиционирование элeментов

Всем привет. Делаю учебный проект. Для верстки использую bootstrap4. Внутри элемента .container находятся 2 строки. С помощью класса align-items-center не получается поставить элементы в середину по горизонтальной оси, элементы остаются на месте, в чем может быть ошибка? Должно получиться, как на картинке.

`div class="thirdpage">
           <div class="container">
                <div class="row">
                    <div class="col">
                        <p class="tline"></p>
                        <p id="service">Service</p>
                    </div>
                </div>
                <div class="row>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>User Research</p></div>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>IA and Wireframes</p></div>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>User Testing</p></div>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>Looks and Feel Design (UI)</p></div>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>Delivery</p></div>
                    <div class="col-md-4" ><p><img src="UserResearch.png" alt=""></p><p>Integration Support</p></div>
                </div>
             </div>
        </div>`