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