.btn-xs {
// line-height: ensure proper height of button next to extra small input
@include button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius);
}
<link rel="stylesheet" href="https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css">
<button class="btn btn-primary btn-xs">This is Small Button</button>
7条答案
按热度按时间9lowa7mx1#
@rifton007在GitHub上发布了关于这个问题的快速修复。在你的css文件中添加:
演示:
来源
编辑:
后来,@deadmann回答说,他在旧的BS 3文档中挖掘了一点,并提取了以下代码:
llew8vvj2#
是的,Bootstrap 4中没有
btn-xs
,你必须自己创建这个类。在scss/mixins/_buttons.scss
中,您将找到名为button-size
的mixin,因此在SCSS代码中使用以下代码:cczfrluj3#
你需要定义你自己的xs样式和变量,这对我来说最匹配,并且接近bootstrap 3 btn-xs大小:
Bootstrap 4 Alpha
Bootstrap 4 Beta 2
3pvhb19x4#
我从旧版本的Bootstrap中提取了CSS。您可以在自定义样式表中使用下面提到的CSS样式。在名为btn-xs的类的帮助下,您可以为按钮使用旧样式。
祝你好运。
guicsvcw5#
我按照Bass Jobsen的建议补充了这一点:
使用Bootstrap的默认
_variables.scss
,结果如下:希望对你有帮助。
cwdobuhd6#
在bootstrap 4中不再提供额外的小按钮选项。只有3种尺寸可供选择,大号,普通号,小号。
dy1byipe7#
在Bootstrap 5中工作