Bootstrap 4 Alpha (interner Test) veröffentlicht

Zum vierten Jubiläum von Bootstrap (19. August) wurde Bootstrap 4 Alpha veröffentlicht. Schauen wir uns nun an, welche Updates Bootstrap 4 vorgenommen hat!!

Von Less zu Sass migriert: Jetzt ist Bootstrap der Sass-Familie beigetreten. Dank Libsass ist die Kompilierungsgeschwindigkeit von Bootstrap schneller als zuvor;
Verbessertes Grid-System: Eine neue Grid-Stufe für mobile Geräte wurde hinzugefügt und semantische Mixins wurden neu organisiert.
Unterstützung für die Auswahl des Flexbox-Modells: Das ist ein epochales Feature – ändern Sie einfach eine boolesche Variable, um die Vorteile von Flexbox für ein schnelles Layout zu nutzen.
Wells, Thumbnails und Panels veraltet, ersetzt durch Cards: Cards sind ein brandneues Konzept, funktionieren aber sehr ähnlich wie Wells, Thumbnails und Panels und sind sogar noch praktischer.
Alle HTML-Reset-Stylesheets in Reboot zusammengeführt: Sie können Reboot dort verwenden, wo Normalize.css nicht verwendet werden kann; es bietet mehr Optionen. Zum Beispielbox-sizing: border-box, Margin-Anpassungen usw. sind in einer separaten Sass-Datei gespeichert.
Neue Anpassungsoptionen: Anders als in der vorherigen Version werden Verläufe, Überblendungen, Schatten und andere Effekte nicht mehr in separaten Stylesheets untergebracht. Stattdessen wurden alle Optionen in eine einzige Sass-Variable verschoben. Möchten Sie einen Standardeffekt global oder für Ecken definieren, die Sie noch nicht berücksichtigt haben? Es ist einfach: Aktualisieren Sie einfach den Variablenwert und kompilieren Sie neu.
Keine Unterstützung mehr für IE8, verwendet rem- und em-Einheiten: Das Fallenlassen der Unterstützung für IE8 bedeutet, dass Entwickler CSS bedenkenlos nutzen können, ohne CSS-Hacks oder Fallback-Mechanismen recherchieren zu müssen. Die Verwendung von rem und em anstelle von px-Einheiten eignet sich besser für responsive Layouts und die Steuerung von Komponentengrößen. Wenn Sie IE8 unterstützen müssen, können Sie nur weiterhin Bootstrap 3 verwenden.
Alle JavaScript-Plugins neu geschrieben: Um neue JavaScript-Funktionen zu nutzen, hat Bootstrap 4 alle Plugins in ES6 neu geschrieben. Es bietet jetzt UMD-Unterstützung, generische Destrukturierungsmethoden, Typprüfung von Optionen und weitere Funktionen.
Verbesserte automatische Positionierung für Tooltips und Popovers: Dies ist dank der Hilfe des Tether-Tools möglich.
Verbesserte Dokumentation: Die gesamte Dokumentation wurde in Markdown neu geschrieben, wobei einige praktische Plugins hinzugefügt wurden, um Beispiele und Codeausschnitte zu organisieren. Die Dokumentation wird bequemer zu verwenden sein, und die Suchoptimierung ist ebenfalls im Gange.
Weitere Änderungen: Unterstützung für benutzerdefinierte Formularsteuerelemente, Abstands- und Padding-Klassen sowie neue Utility-Klassen, unter anderem.

Unterstützung v3

Als Bootstrap 3 veröffentlicht wurde, stellte Bootstrap die Unterstützung für die 2.x-Version ein, was für viele Benutzer problematisch war. Derselbe Fehler wird nicht ein zweites Mal gemacht. In naher Zukunft wird das Entwicklungsteam weiterhin v3-Fehler beheben und die Dokumentation verbessern. Nachdem v4 endlich veröffentlicht ist, wird die v3-Dokumentation nicht offline genommen.

Zusätzlich zur Veröffentlichung der Bootstrap 4 Alpha hat das offizielle Team auch Bootstrap-Themes veröffentlicht. Diese sind jedoch alle kostenpflichtig.

In der Zukunft wird Example weiterhin die Entwicklungen von Bootstrap 4 verfolgen. Wenn die stabile Version veröffentlicht wird, werden wir das chinesische Tutorial so schnell wie möglich aktualisieren.

Bootstrap 4 Alpha (interner Test) veröffentlicht

Kategorie Programmiertechnologie

Unterstützung v3

Verwandte Links