Хочу сделать форму из пары полей и сабмит кнопки той же ширины, что и поля. При этом, кнопку хотелось бы посолидней. Для последнего в
Bootstrap есть класс
btn-lg.
Пишу такой код
<form method="get" action='#' class="forma">
<div class="form-group">
<label for="day" class="text-left"><?= t('birthday') ?></label>
<input class="form-control" type="date" name="day" value="<?= $day ?>" />
</div>
<div class="form-group">
<label for="day" class="text-left"><?= t('name') ?></label><br>
<input class="form-control" type="text" name="name" value="<?= $name ?>" />
</div>
<label > </label>
<button class="form-control btn btn-warning btn-lg">
<?= t('calculate') ?>
</button>
</form>
внизу - та самая кнопка. Получаю такую картинку
Кнопка осталась, какой была, увеличился шрифт ее текста и он сместился вниз. OK, убираю
form-control из классов кнопки, получаю то, что ожидалось в плане размера кнопки по вертикали и шрифта, но кнопки стала
уже:
1. А можно ли как-то сделать все таки большую кнопку
btn-lg с размером, выровненным по размеру инпута? (вроде, вполне невинное желание...)
2. А мне, вообще-то хотелось бы кнопку еще больше. Если я увеличу ей padding, font-size, width то не аукнется ли это на хваленной кроссбраузерности Бутстрапа?
Простой
Средний
