Databases
StackOverflow2013
Postsdbo
POBootstrap: How to create a series of div on one line hiding the overflowing divs
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBootstrap: How to create a series of div on one line hiding the overflowing divs
    text
    copied!<p>I have a site built with bootstrap and I want to create a table with swipeable header using the jquery.dragscroll plugin but preserving the fluid grid built-in bootstrap.</p> <p>So I want to create the headers of the table, and I am using this HTML:</p> <pre><code>&lt;div class="row-fluid"&gt; &lt;div class="span12"&gt; &lt;div style="overflow:hidden;width:90%;"&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;div style="display:inline-block;width:100px"&gt;some content&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>The code is here: <a href="http://jsfiddle.net/cVfzJ/1/">http://jsfiddle.net/cVfzJ/1/</a></p> <p>As we can see in the Fiddle all the divs are visible on two rows, my objective is to have all the divs on a single row (hiding the overflowing divs)</p> <p>I hope the question is clear</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload