Как сверстать такую видеогалерею?

Question

[sasha_jarvi]

На макете сайта имеется следующий блок:


Сайт верстается с применением Bootstrap. Выделенная на скриншоте область - это div c классом .container. Как сверстать такую видеогалерею с учетом того, что второй элемент выходит за пределы .container?

Comments

[Максим]

использовать slick slider или аналогичный , ну а дальше дело техники

[sasha_jarvi]

Слайдер будет писаться кастомный, так что вариант не подойдет

[Evgenya-k2]

Класс container-fluid для этого блока использовать не вариант?

[sasha_jarvi]

Думаю, это вряд ли возможно, поскольку заголовок и крайнее левое видео должны располагаться именно так, как на макете, тогда как .container-fluid растянется на всю ширину секции "Видеодневники"

[Максим]

sasha_jarvi, какой там слайдер дело 40вое в общем это должен быть слайдер

[sasha_jarvi]

Максим Ленский, все так, слайдер

[Максим]

sasha_jarvi, ну вот и решение ...))

Answer 1

[WapSter]

Относительным позиционированием с применением хитрого calc, внутрь сунуть слайдер, обёртке задать высоту фиксированную. В общем дофига танцев, но вполне реально.