title: How center input in form in bootstrap?
body: <p>I want to have two inputs ( login and password ). One under one, each about col-sm-6. I can't center this inputs without col-sm-offset-3. With offset It really works, but I want to center this inputs on every screens. Maybe I shoul add somewhere .center > Or margin auto? But where... </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
  &lt;div class="container"&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="box"&gt;
        &lt;div class="col-lg-12"&gt;
          &lt;hr&gt;
          &lt;h4 class="text-center"&gt;Logowanie&lt;/h4&gt;
          &lt;hr&gt;
          &lt;form method="post" role="form" class="form-horizontal"&gt;
            {{ csrf_field() }}
            &lt;div class="row"&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="col-sm-6"&gt;
                  &lt;input type="email" class="form-control" name="email" placeholder="email"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;div class="col-sm-6"&gt;
                  &lt;input type="email" class="form-control" name="email" placeholder="email"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>