Bootstrap 4 réactive la taille du bouton

Est-il un moyen dans le Bootstrap 4 pour ajouter la classe btn-sm' (petit bouton) lorsque dans les médias-point d'arrêt-xs?

J'aimerais les boutons de la taille par défaut sauf xs écrans où je serais comme eux pour passer automatiquement à btn-sm.

Ajouter à la classe de l'élément et appliquer des styles à l'intérieur d'une requête de média.
La classe de bootstrap défaut, par l'ajout de la classe de l'élément dans le code, le bouton obtenir ces styles, quel que soit le point d'arrêt en cours.
Double Possible de Comment créer des boutons sensibles à bootstrap3?
C'est pourquoi les états du pavillon Possible. Ne présumez pas que je downvoted votre question uniquement parce que j'ai signalé comme un double possible.

OriginalL'auteur Nik | 2017-06-29

  1. 11

    Attribuer .btn la .btn-sm dimensionnement en utilisant les médias-point d'arrêt entre 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

    Mise À Jour - Bootstrap 4.1

    Cette button-size mixin a été légèrement modifié:

    @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);
  }
}
    c'est exactement ça! Merci de prendre le temps de lire la question
    Où dois-je inclure le code ci-dessus?
    vous pouvez ajouter à tout .scss fichier dans votre projet, mais vous pouvez également importer bootstrap grille.scss et _buttons.scss de sorte qu'il sait ce qu' 'xs','sm','$btn-padding-y-sm' (et les autres variables) moyenne. Tels que: @ import "~bootstrap/scss/bootstrap grille.scss"; @ import "~bootstrap/scss/mixin/_buttons.scss"; Tous ces trucs peuvent varier en fonction de la façon dont vous avez configuré votre ng2 projet

    OriginalL'auteur Zim