Bootstrap: Как создать серию div на одной строке, скрывая переполняющиеся div
У меня есть сайт, созданный с помощью bootstrap, и я хочу создать таблицу со скользящим заголовком, используя плагин jquery.dragscroll, но с сохранением встроенного загрузчика Fluid Grid.
Итак, я хочу создать заголовки таблицы, и я использую этот HTML:
<div class="row-fluid">
<div class="span12">
<div style="overflow:hidden;width:90%;">
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
<div style="display:inline-block;width:100px">some content</div>
</div>
</div>
</div>
Код здесь:http://jsfiddle.net/cVfzJ/1/
Как мы можем видеть в скрипте, все элементы отображаются в двух строках, моя цель - разместить все элементы в одной строке (скрывая переполняющиеся элементы)
Надеюсь вопрос понятен