Bootstrap 4 中有没有办法在 media-breakpoint-xs 中添加类“btn-sm”(小按钮)?
我希望按钮为默认大小,但在 xs 屏幕中我希望它们自动切换到 btn-sm。
最佳答案
使用 media-breakpoint-between mixin 为 .btn-sm
分配 .btn
大小...
/* change all .btn to .btn-sm size on xs */
@include media-breakpoint-between(xs,sm){
.btn {
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-border-radius-sm);
}
}
https://www.codeply.com/go/FoEUO7XCDU
更新 - Bootstrap 4.1
此
button-size
mixin 已略微更改为:
@include media-breakpoint-between(xs,sm){
.btn {
@include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
}
}
关于css - Bootstrap 4 响应式按钮大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44828004/