Установите для form-control тот же размер, что и для form-control-sm в boostrap 4

Question

Я бы хотел переопределить загрузчик, чтобы form-control был того же размера, что и form-control-sm.

Я получил файл bootstrap-custom.scss и обнаружил следующее в _forms. scss

.form-control {
  display: block;
  width: 100%;
  height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  padding: $padding-base-vertical $padding-base-horizontal;
  font-size: $font-size-base;
  line-height: $line-height-base;

Я пытался добавить следующее, но это не сработало:

$padding-base-vertical:     5px !default;
$padding-base-horizontal:   10px !default;

Answer 1

Установите соответствующие переменные SASS из Bootstrap 4 ...

@import "bootstrap/functions";
@import "bootstrap/variables";

$input-padding-y: $input-padding-y-sm;
$input-padding-x: $input-padding-x-sm;
$input-height: $input-height-sm;
$input-font-size: $input-font-size-sm;

@import "bootstrap";

https://www.codeply.com/go/mHAz7ecNiy