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/

Как мы можем видеть в скрипте, все элементы отображаются в двух строках, моя цель - разместить все элементы в одной строке (скрывая переполняющиеся элементы)

Надеюсь вопрос понятен