Задать вопрос
@podkudahka
крутой

Как в slick-slider растянуть слайды по ширине?

Здесь у слика получаются отсупы в контейнере справа и слева5eb7138a3c26a808563478.jpeg
А Как сделать чтоб было как в owl-carousel?
5eb713fe66dea781193772.jpeg В обоих решениях есть margin-right, но у owl он не отображается в последнем слайде, и получается, что в owl растянуто по ширине как justify-content: space-between.
Подскажите люди добрые
  • Вопрос задан
  • 785 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
В slick к этому нужно подходить иначе. Каждый слайд плотно прижат друг к другу и мы их не трогаем, мы управляем содержимым слайдов, то есть непосредственно нашими блоками. Тут нужно понимать как работают сетки по типу bootstrap и как пользоваться отрицательными отступами. Предположим нам необходимо сделать отступы 20px, это по 10 пикселей слева и справа от нашего блока то есть width: calc(100% - 20px); margin: 0 10px;
Блоку в котором находится слайдер мы задаем overflow: hidden; , а самому слайдеру мы задаем отрицательные отступы в те же 10 пикселей margin: 0 -10px
Похожий пример, который я делал ранее:
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы