Загрузочный лоток: выровнять текст в тексте слева

Question

Как выровнять текст в левой части кнопки загрузки? У меня есть несколько кнопок с текстом разной длины, и вся кнопка должна иметь одинаковую ширину. Я достиг этого, используя класс col-xs-11.

Пример кода кнопки ниже:

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

Можно ли достичь этой цели без создания пользовательского стиля, кроме того, что обеспечивается бутстрапе? Я использую Bootstrap v3.0.1

Answer 1

просто добавить text-left класс

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

Answer 2

Вы можете просто применить CSS обычным способом, вместо использования дополнительных классов.

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

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

Answer 3

Или использовать встроенный стиль для если его только одна единственная кнопка

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

Answer 4

Вопрос не в том, чтобы CSS текст выравнивание влево, исходное сообщение спрашивает, есть ли загрузочный класс имя (имена) работает для него.

Работает .text-left, но проблема в том, что есть .btn, который сильнее, чем текст-левый, я думаю, что это то, о чем нужно подумать над бутстрапом.

Оформить этот скриншот, что я проверил проверку Chrome на сайте Bootstrap.

В моем Chrome я добавляю «текст-левый» на кнопку демонстрации, и это результат. Следовательно, имейте это в виду!

Answer 5

Просто добавьте! Важно для определения вашей кнопки, и это приведет к использованию.