引导程序4-选择大于1像素的边框

我没有提到我们正在使用sass引导构建。@maharkus的评论让我走上了正确的道路:sass构建通过使用$input border width“计算”高度。通过设置为2px,它可以正常工作。

// custom.scss
$input-border-width: 2px !default;

将以下内容添加到 CSS :

#inputState {

  height: 2.75em;

}

用途:

#inputState{
    height: 44px;
}

声明输入:

input.form-control, select.form-control {
   min-height: 46px ;
 }

将此css添加到您的样式中--

#inputState{
height: 44px;

}

只要添加

.form-control {
   min-height:58%;
 }

工作链接: https://codepen.io/sidhanshu28/pen/VdKXxq