Estoy intentando centrar lo siguiente sin que pierda el responsive y no hay manera:
<div class="row">
<span class="col-md-1 text-right">Periodo:</span>
<div class="col-md-2">
<input value="01/11/2016" class="form-control" type="text">
</div>
<div class="col-md-2">
<input value="29/11/2016" class="form-control" type="text">
</div>
</div>
<div class="row">
<span class="col-md-1 text-right">Select1</span>
<div class="col-md-4">
<select class="form-control">
<option selected="selected" value="15">A</option>
<option value="19">B</option>
</select>
</div>
</div>
<div class="row">
<span class="col-md-1 text-right">Select2</span>
<div class="col-md-4">
<select tabindex="5" class="form-control">
<option value="9">9</option>
<option selected="selected" value="7">7</option>
<option value="42">42</option>
<option value="45">45</option>
<option value="5">5</option>
<option value="8">8</option>
</select>
</div>
</div>
<div class="text-center">
<input value="Button1" class="btn btn-default" type="submit">
<input value="Button2" class="btn btn-default" type="submit">
</div>
http://codepen.io/anon/pen/XNeqyY
Los botones con un text-center
están centrados, pero los spans
y los textboxs
de arriba no hay manera.
¿Cómo puedo hacer que el resto de elementos también queden centrados?