Я хочу иметь строку, где столбцы будут горизонтально прокручиваться:
Как вы можете видеть, строка представляет собой внешний блок (с дополнением). Внутри него есть столбцы, где каждый имеет некоторый класс span*
, такой как span3
. И поскольку все столбцы не помещаются в строке, полоса прокрутки находится внизу.
Вот что я пробовал делать (с встроенным css) и пока не повезло.
<div class="row">
<!-- the parent element which will have scrollbar -->
<div class="span12" style="white-space: nowrap; overflow-x: auto;">
<div class="row">
<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
<div class="span3" style="display: inline-block;">content here</div>
...
<div>
</div>
</div>
Но тогда столбцы просто обертываются, как только они не могут вписаться в строку. Как я могу это сделать?
Спасибо.