title: Centering Bootstrap input fields
body: <p>I am new with this, especially with Bootstrap. I have this code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-3"&gt;
         &lt;div class="input-group"&gt;
           &lt;input type="text" class="form-control"&gt;
           &lt;span class="input-group-btn"&gt;
               &lt;button class="btn btn-default" type="button"&gt;Go!&lt;/button&gt;
           &lt;/span&gt;
         &lt;/div&gt;&lt;!-- /input-group --&gt;
      &lt;/div&gt;&lt;!-- /.col-lg-6 --&gt;
  &lt;/div&gt;&lt;!-- /.row --&gt;
  </code></pre>
  
  <p>I need to put this input field and button in the center of the page: </p>
  
  <p>This didn't work: <code>"margin-left: auto; margin-right:auto;"</code> </p>
  
  <p><img src="https://i.stack.imgur.com/DFgVd.jpg" alt="On webpage it looks like this">
  <br /></p>
  
  <p>Does anyone have any ideas?</p>