Question

我正在为我的项目使用Angular 6，它与引导程序集成。我正在使用

'<button class="btn btn-info">ADD</button>'

但是当我的按钮达到一个高度时，它的界面看起来比平时更大，这使得UI看起来有点难看！请给我一个解决这个问题的方法

enter image description here

Answer 1

您只需检查代码并找到按钮的填充，然后在.css文件中用新值覆盖这些值

如果您使用的是Bootstrap 4按钮，则可以使用这些按钮来覆盖：

.btn {
  padding: 0.5rem 0.5rem !important;
}

注意：填充值可能会根据您的按钮大小而改变

Answer 2

Bootstrap 4提供以下按钮大小：

<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary">Default</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>

根据您的要求使用。如果您想自定义自己的样式，则可以使用它们来覆盖，也可以使用 font-size 来创建新的样式。

角形引导按钮尺寸

2 个答案: