I am trying to center a bootstrap input field within a column div but none of the methods I've tried seems to work.

What I've tried so far:

```
<div data-role="page" id="add-host" class="container">
      <div class="default-template">
              <h1>Enter the information about the host</h1>
                <div class="col-xs-4 center-block">
                    <input type="date" id="host_name" value="" required="" />
              </div>
       </div>
</div>

```