Bootstrap: sola hizala metni sol

Question

Bir önyükleme düğmesinin içindeki metni sola nasıl hizalarım? Değişen uzunluktaki metne sahip birden çok düğmem var ve tüm düğmelerin aynı genişliğe sahip olması gerekiyor. Bunu col-xs-11 sınıfını kullanarak başardım. Aşağıda

örnek düğmesi kodu:

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

ne önyükleme tarafından sağlanan diğerinden daha özel bir stil oluşturmadan bunu başarmak mümkün mü? Ben

Answer 1

sadece text-left sınıf

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

Answer 2

Sadece yerine ek sınıfları kullanarak normal bir şekilde css uygulayabilirsiniz eklemek Bootstrap v3.0.1 kullanıyorum.

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

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

Answer 3

Veya satır içi stil kullanmak için eğer onun sadece tek bir düğmeye

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

Answer 4

bir önyükleme sınıf varsa sorun, orijinal yayında soruyordu değil sola metin hizalama css nasıl edilir ad (lar) bunun için çalışır.

.txt-sol çalışır, ancak sorun, metin soldan daha güçlü bir .btn var, bence bu, önyükleme gerektiren bir şey.

Bu ekran görüntüsünde, Chrome ile bir test yaptım ve Bootstrap sitesinin sitesine bakın.

Chrome'umda, demo düğmesine "text-sol" ekledim ve sonuç budur. Bu nedenle, önemli!

Answer 5

Düğme tanımınıza önem verin ve kullanımı zorlar.