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

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

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

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

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

Ответы

Ответ 1

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

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

Ответ 2

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

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

Извлеките этот скриншот, который я проверял с помощью Chrome на сайте Bootstrap. enter image description here

В моем Chrome я добавляю "text-left" на кнопку "demo", и это результат. Поэтому имейте это!

.text-left {
  text-align: left !important;
}

Ответ 3

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

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

Ответ 4

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

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

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

Ответ 5

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