Bootstrap: allinea il testo del pulsante a sinistra

Question

Come allineare il testo a sinistra all'interno di un pulsante di avvio? Ho più pulsanti con testo di lunghezza variabile e tutti i pulsanti devono avere la stessa larghezza. Ho raggiunto questo obiettivo utilizzando la classe col-xs-11.

codice del pulsante di esempio:

<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11"> 

E 'possibile raggiungere questo obiettivo senza creare uno stile personalizzato, diverso da quello che è fornito da bootstrap? Sto usando v3.0.1 Bootstrap

Answer 1

basta aggiungere text-left classe

<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11 text-left"> 

Answer 2

Si può solo applicare CSS modo normale invece di utilizzare classi aggiuntive.

/*specific button*/  
#mybutton { 
    text-align: left; 
} 

/*all input that have type button*/ 
input[type='button'] { 
    text-align: left; 
} 

Answer 3

Oppure utilizzare lo styling in linea per se un unico pulsante,

style="text-align:left; padding-left:6px" 

Answer 4

Il problema non come CSS text-align a sinistra è, il post originale è stato chiesto se c'è una classe di bootstrap il nome (s) funziona per esso.

Il .text-left funziona, ma il problema è che c'è un .btn che è più forte di text-left, penso che questo sia qualcosa a cui il bootstrap deve riflettere.

Controlla questo screenshot che ho fatto un test con Chrome ispezionare sul sito di Bootstrap.

Nel mio Chrome, aggiungo "text-left" sul pulsante demo, e questo è il risultato. Pertanto, abbia! Importante su di esso!

Answer 5

Basta aggiungere! Importante alla definizione del pulsante e imporrà l'utilizzo.