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