centrale allineare un input usando cst di avvio - twitter-bootstrap, twitter-bootstrap-3

sto usando Bootstrap 3 CSS. Di seguito è riportato il mio markup per un input:

<div class="module module_buy_and_sell_filters">
<div class="row">
<div class="col-md-6">
<p>Filter buy and sells</p>
<input style="" class="span6 form-control" value="4" id="sl1" type="text"/>
</div>
<div class="col-md-6 text-right">
</div>
</div>
</div>

Ecco la visualizzazione del mio codice:

Potete per favore guidarmi su come posso allineare al centro l'input (cursore allineato in blu) con il div parent (allineato in nero) usando bootstrap.

Nota che non voglio scrivere CSS personalizzati, voglio usare le classi bootstrap per questo.

Grazie per l'aiuto e la guida.

risposte:

Rimuovi tutte le classi pull-left, pull-right che potresti aver applicato al div slider e applica i seguenti stili:

per div slider

display: inline-block;
margin: 0px auto;

per contenitore scorrevole

text-align: center;