Bootstrap: выровнять текст кнопки слева

Question

Bootstrap: выровнять текст кнопки слева

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

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

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

Возможно ли достичь этого без создания пользовательского стиля, отличного от того, что предоставляет bootstrap?
Я использую начальной загрузки В3.0.1

792 5

html css twitter-bootstrap twitter-bootstrap-3

5 ответов:

Comments

Ничего не найдено.

Sasa · Accepted Answer · 2014-10-31 14:51:27

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

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

bard · Accepted Answer · 2017-09-17 03:54:04

Проблема не в том, как CSS text-align слева, оригинальная запись спрашивала, есть ли имя(ы) класса bootstrap для него.

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

Проверьте этот скриншот, который я сделал тест с Chrome inspect на сайте Bootstrap.

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

konzo · Accepted Answer · 2015-09-23 07:23:50

Или использовать встроенный стиль, если его только одна кнопка
style="text-align:left; padding-left:6px"

Pau · Accepted Answer · 2014-11-02 06:06:48

Вы можете просто применить css обычным способом вместо использования дополнительных классов.
/*specific button*/    
#mybutton {
   text-align: left;
}

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

worsthorst · Accepted Answer · 2016-01-05 17:13:25

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