title: How do i center the panel-body, with input-label align with left side of input box?
body: <p>Bootstrap: how can i make the panel-body align in center, but with the input-label align with left side of input text box?</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-body" align="center"&gt;
          &lt;form role="form" id="password-form"&gt;
  
              &lt;div class="form-group full-width"&gt;
                  &lt;label class="input-label" for="userId"&gt;Username &lt;Id&gt;&lt;/Id&gt;:&lt;/label&gt;
                  &lt;div class="input-group min-width-400"&gt;
                      &lt;input class="form-control" type="text"
                             id="userId"
                             name="userId"
                             required="true"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;button id="closeBtn" type="button" class="btn btn-default"&gt;Cancel&lt;/button&gt;
              &lt;button id="resetBtn" class="btn btn-primary" type="button" style="width:150px"&gt;Reset Password&lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>