Bootstrap 4响应式按钮大小

Question

Bootstrap 4在media-breakpoint-xs中添加类'btn-sm'（小按钮）时有没有办法？

我想这些按钮是默认的大小，除了在XS屏幕上，我希望他们自动切换到btn-sm。

Answer 1

分配.btn的.btn-sm上浆利用媒体断点之间的mixin ......

/* 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

---

更新 - 引导4测试版
这 button-size混入有所改变：

@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); 
    } 
}