btn-xs nicht mehr eine gültige option in der bootstrap-4?

Ich nur migriert bootstrap 4 und mein xs Tasten scheinen nicht mehr zu werden extra klein!

Blick auf die docs für buttons in bootstrap 4 ich nicht sehen, die option für extra kleine Tasten?

Kann das jemand bestätigen das für mich?

Dank!

Wie Sie erklärte, von der Docs und überprüfen Sie die Quelle, NÖ.
Diese Frage hat nichts zu tun mit der Programmierung selbst. Sollten Sie sich uns nähern, mit einem Programmier-Problem.
Ich denke, ich kann nur schreiben, dass meine eigenen css-Klasse aufgerufen .btn-xs dann ja

InformationsquelleAutor Dragan | 2015-11-25

  1. 10

    Da ist ja keine btn-xs in der Bootstrap-4, müssen Sie diese Klasse erstellt Ihr selbst. In der scss/mixins/_buttons.scss finden Sie die mixin genannt button-size so in Sie SCSS-code den folgenden code verwenden:

    .btn-xs {
  //line-height: ensure proper height of button next to extra small input 
  @include button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius);
}
    kann man css?
    button-Größe() ist nicht mehr eine gültige Funktion.
    button-Größe ist immer noch gültig: github.com/twbs/bootstrap/blob/v4-dev/scss/mixins/...

    InformationsquelleAutor Bass Jobsen

  2. 10

    müssen Sie Ihre eigenen definieren, xs Stil-und Variablen-dies passt für mich am besten und kommt nah an die bootstrap 3 btn-xs Größe:

    Bootstrap-4 Alpha

    $btn-padding-x-xs: .38rem !default;
$btn-padding-y-xs: .18rem !default;

.btn-xs {
    @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $font-size-sm, $btn-border-radius-sm);
}

    Bootstrap-4 Beta 2

    $btn-padding-x-xs:  .20rem !default;
$btn-padding-y-xs:  .12rem !default;
$input-btn-line-height-xs: 1.1 !default;

.btn.btn-xs {
   //line-height: ensure proper height of button next to small input
   @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $font-size-sm, $input-btn-line-height-xs, $btn-border-radius-sm);
}
    Es gibt eine neue (Beta 2) $line-height argument. Jetzt verwenden: @include button-size($btn-padding-y-xs, $btn-padding-x-xs, $font-size-sm, $input-btn-line-height-sm, $btn-border-radius-sm);
    kann man css ?
    button-Größe() ist nicht mehr eine gültige Funktion.
    button-Größe ist immer noch gültig: github.com/twbs/bootstrap/blob/v4-dev/scss/mixins/...
    Ja, ich erkannte, dass ein paar Stunden später. Aktualisieren sollten, die Antwort zu erwähnen, dass mixin muss manuell geladen werden, bevor Ihre vars arbeiten.

    InformationsquelleAutor squadwuschel

  3. 2

    Fügte ich dieses als Bass Jobsen vorgeschlagen:

    .btn-xs
  +button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $line-height, $border-radius)

    Verwendung der Standard - _variables.scss des Bootstrap und das Ergebnis war:

    btn-xs nicht mehr eine gültige option in der bootstrap-4?

    Hoffe es hilft dir.

    button-Größe() ist nicht mehr eine gültige Funktion.
    in der Regel ist es: Haupt-repo: github.com/twbs/bootstrap/blob/v4-dev/scss/mixins/... Ruby repo: github.com/twbs/bootstrap-rubygem/blob/master/assets/...
    Ja, ich erkannte, dass ein paar Stunden später. Aktualisieren sollten, die Antwort zu erwähnen, dass mixin muss manuell geladen werden, bevor Ihre vars arbeiten.

    InformationsquelleAutor Jorge Sampayo

Schreibe einen Kommentar