在引导4中将form-control设置为与form-control-sm相同的大小

Question

我想覆盖bootstap，以便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

从Bootstrap 4中设置适当的SASS变量...

@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