Front-End-Framework Bootstrap 5 Alpha 3 veröffentlicht

Die Bootstrap 5 Alpha 3-Version wurde veröffentlicht. Diese Version enthält zahlreiche Updates für Komponenten, Dienstprogramme, Dokumente, Formulare, JavaScript usw. Offiziell ist dies eine größere Alpha-Version und bereit für die erste Beta-Version.

Komponente

  • Neues Akkordeon: Das auf .card basierende Akkordeon wurde gelöscht, durch eine brandneue .accordion-Komponente ersetzt und dabei mehrere Fehler behoben. Das neue Akkordeon verwendet weiterhin das llapse JavaScript-Plugin, unterstützt es jedoch über benutzerdefiniertes HTML und CSS. Das neue Akkordeon enthält das Bootstrap-Symbol.

  • Neue  Blockschaltflächen: Blockschaltflächen sind in Version 5 nicht mehr verfügbar. Das Entwicklungsteam hat die .btn-Block-Klasse für die Dienstprogramme .d-grid und .gap- * gelöscht. Dies kann das gleiche Verhalten und den gleichen Stil erzielen, aber Abstand, Ausrichtung und sogar reaktionsschnelle Layoutoptionen besser steuern.

Verbesserungen der Dokumentation

  • Tastaturkürzel hinzugefügt 
  • Schreiben Sie die Dokumentenseitenleiste neu 
  • Die Seite "Navigation" wurde in "Navigation und Registerkarten" umbenannt. 

Sass  ändert sich

  • Als LibSass aufgegeben wurde, wurde stattdessen Dart Sass verwendet.
  • Das mit Color-Level () und $ Theme-Color-Intervall verwendete Farbsystem wurde entfernt und durch ein neues Farbsystem ersetzt. Alle Funktionen zum Aufhellen () und Abdunkeln () in der Codebasis wurden durch Farbton () und Farbton () ersetzt. Diese Funktionen mischen die Farbe mit Weiß oder Schwarz, anstatt die Helligkeit um einen festen Betrag zu ändern. scal-color () färbt oder schattiert die Farbe, je nachdem, ob der Gewichtsparameter der Farbe positiv oder negativ ist.
  • Dem benutzerdefinierten CSS-Eigenschaftspräfix wurde eine Sass-Variable hinzugefügt. 

JS 

  • Die Position des Dropdown-Menüs wurde vereinfacht
  • Redundante Polyfüllung entfernt
  • Beheben Sie den Karussell-Datenintervall-Fehler, indem Sie das Datenintervall auf der ersten Folie überprüfen
  • Manipulator.toggleClass wurde entfernt, um Code zu vereinfachen

Dienstprogramme

In der ersten Beta-Version hat das Entwicklungsteam die API-Dokumentation überarbeitet, um klarere Beispiele und Informationen zum Hinzufügen, Ändern, Löschen und Erweitern von Standarddienstprogrammen bereitzustellen.

Darüber hinaus wurden einige neue Standarddienstprogramme hinzugefügt:

  • .D-grid zur Anzeige hinzugefügt: grid
  • .FS-Dienstprogramme für die Schriftgröße hinzugefügt
  • Benennen Sie die Dienstprogramme für die Schriftgröße in .fw um
  • Es wurden .rounded-1, .rounded-2 und .rounded-3 drei neue Dienstprogramme für kleine, mittlere und große Grenzradien hinzugefügt.
  • Die Dienstprogramme .overflow-visible und .overflow-scroll wurden hinzugefügt.

Formen

Floating Label (als vollständige Formularlayoutoption) und neue Dateieingabe hinzugefügt. 

Beta 1 Version kommt bald

Einige der in dieser Version enthaltenen Änderungen sind:

  • RTL kommt bald. Das Entwicklungsteam überprüft die PR und hofft, dass sie in Beta 1 landen kann.
  • Update auf Popper.js v2.
  • Datenattribute des Namespace.
  • Die Utility-API wurde mit Pseudo-Klassen-Unterstützung über die Statusoption aktualisiert.

Weitere Informationen finden Sie im offiziellen Blog: https://blog.getbootstrap.com/2020/11/11/bootstrap-5-alpha-3/ 

Ich denke du magst

Origin www.oschina.net/news/120751/bootstrap-5-0-alpha-3-released
Empfohlen
Rangfolge