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

Question

[Jockey]

Добрый день. Адаптирую слайдер. Задал ему col-8, в рамках col-12(всей ширины сетки) он расположен по центру (offset-**-2) но в рамках своих col-8 слайдер прибит к левому краю, необходимо чтобы он не был прибит к левому а равномерно расположен по горизонтали.

Спасибо.

Comments

[Alexander]

Каков исходный код?

[Jockey]

Alexander,

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

Answer 1

[Jockey]

Разобрался сам, возможно кто то наступит на эти же грабли - решение: задаём самой img - display:block и margin: 0 auto; Всё будет отцентрировано.