Как исправить ширину блока в owl-carousel?

Question

[enerjze]

Всем привет, столкнулся с такой проблемой, owl-carousel 2 неправильно задает ширину div блокам, из-за чего они получаются урезанными + при nav:true не добавляет стрелки, в ксс так и остается класс disabled

Тут можно глянуть Клубные карты

Answer 1

[tyzberd]

убрать col-lg-4 у каждого слайда, или перебить через princing-item

Comments

[enerjze]

Спасибо, стало лучше, вы имеете в виду добавить в Pricing-item стиль col-lg-4?
Просто сейчас заметил, что если ставлю container-fluid то стрелки внизу появляются, а так их нет хотя в скрипте включены.

[tyzberd]

имею ввиду или убрать класс
или добавить

.owl-item .princing-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

По поводу стрелок, у вас 3 слайда, а в коде 4

responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:4
        }
    }

поэтому он скрывает стрелки

[enerjze]

Да, спасибо большое, все получилось, осталось задать правильную ширину самой карте (или блока в котором она находится) , а то она сжимается, а при container-fluid совсем не то. Если ставить отображение 3 слайда то все хорошо, если 4 то идет сужение

Answer 2

[Юпитер Макс]

вот ваша проблема. уберите разметку бутстрапа, просто сделайте любой класс. Слайдер сам расставит количество блоков на странице (какое зададите в опциях)

Answer 3

[IvanRsn]

Правильно говорить CSS - CиЭсЭс. Это аббревиатура, буквы читаются как в алфавите. Эй Би Си.. СиSS.