title: Place form at center of page using bootstrap
body: <p>I have a bootstrap login form appearing at the top centered page but i need it to present at the center of page.</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-6 col-sm-offset-3 well offset4"&gt;
        &lt;div class=""&gt;
          &lt;div class="text-warning"&gt;
            &lt;h3&gt;Login to our site&lt;/h3&gt;
            &lt;p&gt;Enter your username and password to log in&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=""&gt;
          &lt;form role="form" action="" method="post" class=""&gt;
            &lt;div class="form-group"&gt;
              &lt;label class="sr-only" for="form-username"&gt;Username&lt;/label&gt;
              &lt;input type="text" name="form-username" placeholder="Username..." class="form-control" id="form-username"&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label class="sr-only" for="form-password"&gt;Password&lt;/label&gt;
              &lt;input type="password" name="form-password" placeholder="Password..." class="form-control" id="form-password"&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-warning col-sm-12"&gt;&lt;strong&gt;Sign in!&lt;/strong&gt;&lt;/button&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can i center this form to a page using bootstrap/angularjs?</p>