Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I have done changes to your code please note that for phone layout maybe less than 500px which you have mentioned one of your container so your layout will be disturbed for phone, try use custom media queries for it, as far as html structure look at the changes...</p> <pre><code>&lt;body&gt; &lt;div class="container"&gt; &lt;div class="row text-center"&gt; &lt;img src="img/slider/1.jpg" width="250px" height="250px" /&gt; &lt;/div&gt; &lt;div class="row text-center"&gt; &lt;h2&gt;Create your account&lt;/h2&gt; &lt;/div&gt; &lt;div id="main-form" class="row"&gt; &lt;div class="span5"&gt; &lt;div class="profile-photo"&gt; &lt;img class="profile-image" src="img/slider/1.jpg" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="span7 form"&gt; &lt;div class="widget-container widget-box4"&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;input type="text" id="inputEmail" placeholder="Username"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;input type="text" id="inputEmail" placeholder="Email"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;input type="password" id="inputPassword" placeholder="Password"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;input type="password" id="inputPassword" placeholder="Confirm Password"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;input type="checkbox"&gt; Remember me &lt;/div&gt; &lt;/div&gt; &lt;div class="control-group"&gt; &lt;div class="controls"&gt; &lt;button type="submit" class="btn"&gt;Sign in&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="assets/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $('.carousel').carousel(); &lt;/script&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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