作者:的撒旦 | 来源:互联网 | 2023-01-30 20:02
Bootstrap 4中是否有一种方法可以在media-breakpoint-xs中添加类'btn-sm'(小按钮)?
我希望按钮是默认大小,除了在xs屏幕,我希望它们自动切换到btn-sm.
1> Zim..:
指定.btn
的.btn-sm
利用媒体断点之间混入大小...
/* 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);
}
}