Databases
StackOverflow2013
Postsdbo
POprevent twitter bootstrap from repositioning horizontal elements vertically until certain window width
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POprevent twitter bootstrap from repositioning horizontal elements vertically until certain window width
    text
    copied!<p>i like using bootstrap for the responsiveness of one part of a page, and for the top part of the page, the code i've written so far works well in the sense that it positions the navigation elements side by side with a large enough window and when the window is made smaller in width, it repositions the elements on top of each other (like if it were being used by a phone).</p> <p>however, the problem is that the vertical reposition happens too early, or basically, when the window is being made smaller but not quite at the cellphone width size, the positions prematurely reposition vertically.</p> <p>this is what i have so far:</p> <pre><code> &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Walls&lt;/title&gt; &lt;link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;br&gt; &lt;div class="row"&gt; &lt;div class="span2"&gt; &lt;p&gt;Donec &lt;/p&gt; &lt;p&gt;&lt;a class="btn" href="#"&gt;Click meeee &amp;raquo;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="span2"&gt; &lt;p&gt;Donec &lt;/p&gt; &lt;p&gt;&lt;a class="btn" href="#"&gt;Click meeee &amp;raquo;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="span8"&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- .row --&gt; &lt;/div&gt;&lt;!-- .container --&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </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