StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You should have a container for all the <code><div></code> that has <code>width</code> equal to the sum of all <code><div></code>. Then the parent of this container has to have <code>overflow: auto</code>.</p> <p>If you don't know the total width prior to the render you can use JS to calculate it.</p> <p>Continuing your example:</p> <pre><code><div class="row-fluid"> <div class="span12">  <div style="overflow:auto;width:90%;">  <div style="width:1200px;"> <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> </div> </code></pre>

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