title: bootstrap container contents in the left side of the screen?
body: <p>I am using bootstrap and I have a container with a login form.</p>
  
  <p>However, I want to align this form to the left side of the page.  However, using float left makes it look ugly and also makes the form input smaller, as you can see here:</p>
  
  <p><a href="http://codepen.io/anon/pen/xZGOjR" rel="nofollow">http://codepen.io/anon/pen/xZGOjR</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="form-container"&gt;
        &lt;form class="form-horizontal" name="form" role="form" &gt;
          &lt;fieldset&gt;
            &lt;div class="form-group"&gt;
              &lt;div class="btn-icon-lined btn-icon-round btn-icon-sm btn-default-light"&gt;
  
              &lt;/div&gt;
              &lt;input type="email" class="form-control input-lg input-round text-center" placeholder="Email" ng-model="user.email" name="email" ng-required autofocus&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;div class="btn-icon-lined btn-icon-round btn-icon-sm btn-default-light"&gt;
  
              &lt;/div&gt;
              &lt;input type="password" class="form-control input-lg input-round text-center" placeholder="Password"&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;button type="submit" class="btn btn-primary btn-lg btn-round btn-block text-center"&gt;Log in&lt;/button&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>How can I make it so the form input is to the left side without looking ugly?</p>