Bootstrap-4 reaktionsschnell button Größe

Gibt es eine Möglichkeit in der Bootstrap-4 hinzufügen der Klasse "btn-sm" (kleine Taste), wenn in den Medien-Haltepunkt-xs?

Ich würde gerne die Tasten zu Standard-Größe, außer in xs-Bildschirme, in denen ich möchte Ihnen zu wechseln automatisch in den btn-sm.

Fügen Sie die Klasse auf das element und anwenden von Formatvorlagen in einem media-query.
Die Klasse bootstrap-Standard, indem Sie die Klasse, um das element in den code der Taste, erhalten Sie diese Stile, unabhängig von der aktuellen Haltepunkt.
Mögliche Duplikate von so erstellen responsive Tasten in bootstrap3?
Das ist, warum die Flaggenstaaten Possible. Gehen Sie nicht davon, ich downvoted Ihre Frage nur, weil ich markiert es als ein mögliches Duplikat ist.

InformationsquelleAutor Nik | 2017-06-29

  1. 11

    Zuweisen .btn die .btn-sm Dimensionierung mit dem media-Haltepunkt-zwischen 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

    Update - Bootstrap 4.1

    Diese button-size mixin hat sich etwas verändert:

    @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);
  }
}
    genau das ist es! Vielen Dank für die Zeit zum Lesen der Frage
    Wo füge ich den oben genannten code?
    Sie können fügen Sie es zu jedem .scss-Datei in Ihr Projekt, aber Sie können auch importieren bootstrap-raster.scss und _buttons.scss, damit es weiß, was 'xs','sm','$btn-Polsterung-y-sm' (und den anderen Variablen) bedeuten. Wie zum Beispiel: @ import "~bootstrap/scss/bootstrap-raster.scss"; @ import "~bootstrap/scss/Mixins in Verbindung/_buttons.scss"; All diese Dinge können variieren, je nachdem, wie Sie Ihr Projekt ng2

    InformationsquelleAutor Zim

Schreibe einen Kommentar