title: Center align textboxes in bootstrap
body: <p>What i want to do is to center align the 3 textboxes and button. How can i do this?</p>
  
  <pre><code> &lt;div class="navbar_foot navbar-default navbar-fixed-bottom"&gt;
  
  
          &lt;form class="navbar-form navbar-middle"&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="row featurette"&gt;
                      &lt;div class="col-md-3"&gt;
                          &lt;input class="form-control input-lg" type="text" id="inputLarge"
                              value="" placeholder="Email Address"&gt;
  
                      &lt;/div&gt;
                      &lt;div class="col-md-3 "&gt;
                          &lt;input class="form-control input-lg" type="text" id="email"
                              value="" placeholder="Repeat Email Address"&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="col-md-3 "&gt;
                          &lt;input class="form-control input-lg" type="password" id="lName"
                              value="" placeholder="Password"&gt;
                      &lt;/div&gt;
  
                      &lt;div class="col-md-3 "&gt;
                          &lt;button type="button" class="btn btn-primary btn-lg"&gt;Register
                              Today&lt;/button&gt;
                          &lt;a href="#myModal" role="button" id="myButt"
                              class="btn btn-large btn-primary" data-toggle="modal"&gt;Launch
                              Demo Modal&lt;/a&gt;
  
                      &lt;/div&gt;
  
  
                  &lt;/div&gt;
  
  
  
              &lt;/div&gt;
          &lt;/form&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.navbar_foot .navbar-collapse_foot {
      text-align: center;
      align: center;
      display: inline-block;
      float: none;
  }
  </code></pre>