Css 使引导中的按钮变小

我使用bootstrap 3按钮，我想将大小修改为更小，我尝试了以下方法，但没有成功

.btn-sml {
    padding: 10px 10px;
    font-size: 22px;
    border-radius: 8px;
}

---

有更好的方法来实现这一点吗

引导提供四种按钮尺寸：

定义不同大小的类有：

.btn-lg
.btn-md
.btn-sm
.btn-xs // Removed in Bootstrap 4+

以下示例显示了不同按钮大小的代码：

引导示例
按钮尺寸
大的
中等
小的

手动将y方向的填充设置为0，并添加一个内联样式以减小字体大小，这在引导4中为我提供了一个xs按钮：

<input type="submit" value="Submit" class="btn btn-sm btn-outline-primary py-0" style="font-size: 0.8em;">

---

您可以使用Bootstrap 4中的

height

属性轻松缩小按钮

例如：

.btn sml{height:4vh；}/*根据需要更改值*/

您可以使用徽章样式的链接，它们的外观和行为类似于按钮：

.badge sm{
最小宽度：1.8em；
填充：.25em！重要；
左边距：.1米；
保证金权利：.1em；
颜色：白色！重要；
光标：指针；
}

按钮：

减小字体大小，这样按钮大小就会减小。@vas我已经尝试过了，但它不起作用……我认为你应该使用.btn-sm'use

。对于较小的按钮，如Bootstrap 4不支持
xs
是的，根据文档：真烦人。我需要一个较小的按钮如何使按钮大小不同的设备？对于边际，我们有
mt-md-1 mt-2
意味着
边际顶部
对于
中型设备
是
1
，对于移动设备是
2
。我们可以将此作为按钮吗？如何在小型设备上显示小尺寸按钮，在大型设备上显示大尺寸按钮？没有任何东西像
btn lg--lg
或
btn lg--sm
。我可以控制填充，但不能控制字体大小。我将字体大小部分放在主css中，这样所有内容都可以立即更改（发明了一个新类
btn mini
，放在py-0之后），哪一个覆盖了btn sm

，与py-0的覆盖方式相同。对于引导程序3和4，答案是否相同？请解释您的代码的作用以及如何实现；永远不要只发布自己的代码。我想你还没有回答用户的要求。他问小按钮的解决方案，而你们回答徽章组件的用法。我们应该尝试给出最接近用户的解决方案。例如，您可以提供来回答这个问题。+1，无论您使用什么HTML组件，如果它看起来和行为像一个小按钮，那么它就是一个小按钮。我还建议将“cursor:pointer；”添加到样式中，以便获得按钮所具有的光标悬停效果。