Bootstrap: Como criar uma série de div em uma linha escondendo os divs transbordantes

Eu tenho um site construído com bootstrap e eu quero criar uma tabela com cabeçalho swipeable usando o plugin jquery.dragscroll, mas preservando o bootstrap integrado grade de fluido.

Então, quero criar os cabeçalhos da tabela e estou usando este 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>

O código está aqui:http://jsfiddle.net/cVfzJ/1/

Como podemos ver no violino todos os divs são visíveis em duas linhas, meu objetivo é ter todos os divs em uma única linha (escondendo os divs transbordando)

Espero que a pergunta seja clara