Как сверстать такую конструкцию?

Question

[lavezzi1]

Всем привет! Такой кейс - есть блок на странице с контейнером 1280рх выровненные по центру, внутри него по буцтраповской сетке выровнены блоки, нужно сделать так, чтобы этих блоков могло быть очень много по горизонтали и они должны уходить в правую сторону экрана, понятно что можно сделать white-space: nowrap и display: inline-block элементам, но суть в том, что они должны быть видны вне контейнера. Вот иллюстрация:



codepen.io/anon/pen/LNLgeZ

Answer 1

[Максим Тимофеев]

Положить их в контейнер с width 100000 px

Comments

[lavezzi1]

Что именно?

[lavezzi1]

Если ты имеешь ввиду колонки, то они растягиваются на большую ширину...

[Максим Тимофеев]

lavezzi1: Тогда не совсем понимаю, что Вы хотите получить. Если их очень много то не стоит их все грузить. Тогда лучше сделать подгрузку ajax

[lavezzi1]

Максим Тимофеев: Нужно чтобы горизонтальный скролл был и контент был виден за пределами контейнера с правой стороны. Проблема в том ,что когда задаешь overflow-x: scroll, появляется скролл как надо, но контент при этом обрезается по контейнеру.

[Максим Тимофеев]

lavezzi1: Вот поэтому я и писал о контейнере с заданой шириной больше ширины дисплея.

Answer 2

[Дмитрий Беляев]

так? codepen.io/bingo347/pen/JXJeJy

Comments

[lavezzi1]

Нет, по моему на рисунке который я предоставил все понятно.

[Павел Аксенов]

lavezzi1: Вроде все верно Дмитрий сделал, за исключением 15-ой строки в css. Если overflow-x: scroll; удалить, то получится как в первой картинке.