title: Bootstrap input text in center of column
body: <p>I'm using Bootstrap but with a non-collapse nav. I'm trying to have the search form placed in center of the col-md-6. I seem to have tried everything so far but nothing works but it still aligns left in the column. Anyone know how I can achieve that? </p>
  
  <p><strong>Here's my code:</strong></p>
  
  <pre><code>&lt;div class="navbar navbar-default"&gt;
          &lt;div class="container" style="margin-top:14px;"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;div class="navbar-header pull-left"&gt;
                      &lt;a class="navbar-brand" href="#"&gt;&lt;%= image_tag ("logo.png") %&gt;&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-6"&gt;
                          &lt;div class="navbar-header search"&gt;
                          &lt;input type="text" id="search" class="form-control" placeholder="Search"&gt;&lt;/input&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3"&gt;
                      &lt;div class="navbar-header pull-right"&gt;
                      &lt;button type="button" class="btn btn-link" style="margin-top:7px;text-decoration:none;font-weight:bold;"&gt;Sign In&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Thanks alot in advance!</p>