Sass 将form control设置为与boostrap 4中的form control sm相同的大小

我想覆盖bootstap，以便

表单控件

的大小与

表单控件sm

的大小相同

我有一个bootstrap-custom.scss文件，在

我尝试添加以下内容，但无效：

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

---

从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";

---

要在不重建引导4的情况下覆盖默认值，只需在引导css之后加载覆盖css文件并使用

！重要信息

适用于覆盖样式时是否使用引导4？您引用的

\u forms.scss

是从3开始的旧版本。x@Zim是的，我用的是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";