Каким образом расположить элемент в рамках его «col» по центру?

<div class="col-xl-12 offset-md-2 offset-lg-1 offset-xl-0 col-lg-10 col-md-8">
                    <div class="big-slider">
                        <div>
                            <img src="images/foto1.jpg" alt="">
                        </div>
                        <div>
                            <img src="images/foto2.jpg" alt="">
                        </div>
                        <div>
                            <img src="images/foto3.jpg" alt="">
                        </div>
                        <div>
                            <img src="images/foto1.jpg" alt="">
                        </div>
                        <div>
                            <img src="images/foto2.jpg" alt="">
                        </div>
                        <div>
                            <img src="images/foto3.jpg" alt="">
                        </div>
                    </div>
                </div>