<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/cdfcec45b0a28c1fb334119f21db0bcc8939aa365f4b4be1f98e2fb28a7b986b/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313735313133382f3839323538392f64623136613162612d666138372d313165322d396665322d6236623938396239393764652e4a5047"><img src="https://camo.githubusercontent.com/cdfcec45b0a28c1fb334119f21db0bcc8939aa365f4b4be1f98e2fb28a7b986b/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313735313133382f3839323538392f64623136613162612d666138372d313165322d396665322d6236623938396239393764652e4a5047" alt="1" data-canonical-src="https://f.cloud.github.com/assets/1751138/892589/db16a1ba-fa87-11e2-9fe2-b6b989b997de.JPG" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/e7422bec63a0fde7c8f9c8533f74518910107dadb221face944ba1b668be5acf/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313735313133382f3839323539302f64623165393163322d666138372d313165322d393366632d3939646330663164303237362e4a5047"><img src="https://camo.githubusercontent.com/e7422bec63a0fde7c8f9c8533f74518910107dadb221face944ba1b668be5acf/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313735313133382f3839323539302f64623165393163322d666138372d313165322d393366632d3939646330663164303237362e4a5047" alt="2" data-canonical-src="https://f.cloud.github.com/assets/1751138/892590/db1e91c2-fa87-11e2-93fc-99dc0f1d0276.JPG" style="max-width: 100%;"></a></p>
<p dir="auto">Column ordering viz. .col-push-* and .col-pull-* modifier classes behave weird when on a tablet view, viewports of size, "Small tablet landscape (800x600)" and "Tablet portrait (768x1024)", The push element seems to overflow outside the screen, as an example on <a href="http://getbootstrap.com/css/#grid-column-ordering" rel="nofollow">http://getbootstrap.com/css/#grid-column-ordering</a></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;container&quot;&gt;
        &lt;div id=&quot;teaser&quot; class=&quot;row&quot;&gt;
adsffdasdf
        &lt;/div&gt;

    &lt;div id=&quot;main&quot; class=&quot;row&quot;&gt;

        &lt;div class=&quot;col-lg-9 col-push-3&quot;&gt;
asdfsdaf

        &lt;/div&gt;

        &lt;div class=&quot;col-lg-3 col-pull-9&quot;&gt;
asdffaf

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt; "><pre class="notranslate"><code class="notranslate">&lt;div class="container"&gt;
        &lt;div id="teaser" class="row"&gt;
adsffdasdf
        &lt;/div&gt;

    &lt;div id="main" class="row"&gt;

        &lt;div class="col-lg-9 col-push-3"&gt;
asdfsdaf

        &lt;/div&gt;

        &lt;div class="col-lg-3 col-pull-9"&gt;
asdffaf

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt; 
</code></pre></div>
<p dir="auto">output on smaller resolution, see attached screenshot</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/b800f862dc4e3312e677deb5d6b42cab3d59cda3b630ebb21e9f094009ceb8c9/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3337393234362f3836383231332f64633062393837322d663738312d313165322d383963652d6536313463306537636265622e706e67"><img src="https://camo.githubusercontent.com/b800f862dc4e3312e677deb5d6b42cab3d59cda3b630ebb21e9f094009ceb8c9/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3337393234362f3836383231332f64633062393837322d663738312d313165322d383963652d6536313463306537636265622e706e67" alt="bildschirmfoto 2013-07-28 um 14 26 03" data-canonical-src="https://f.cloud.github.com/assets/379246/868213/dc0b9872-f781-11e2-89ce-e614c0e7cbeb.png" style="max-width: 100%;"></a></p>