Bootstrap 3 veröffentlicht am 19. August 2013
Heute, am zweiten Jahrestag der weltweiten Einführung von Bootstrap, liefern wir Bootstrap 3.0 aus. Es war, gelinde gesagt, eine wahnsinnig lange Reise und endlich hatten wir alles in der Wildnis.
Vielen Dank an alle, die unseren RC (ähm, Beta) getestet, Fehler gemeldet und Code beigesteuert haben. Ohne Sie hätten wir es nicht geschafft. (Empfohlenes Lernen: Bootstrap-Video-Tutorial)
Für diejenigen, die nicht aufmerksam verfolgt haben, finden Sie hier eine Zusammenfassung aller größten Änderungen, die in Bootstrap 3 veröffentlicht wurden:
Neu Designs und optionale Themen! Mit v3 sind wir ausgeglichen. Nennen Sie es nicht einen Trend – es geht um Individualisierung, Leute. Da wir nun die Ästhetik vereinfacht haben, dachten wir, dass es hilfreich wäre, ein optionales Thema zu haben. Um es zu verwenden, schauen Sie sich die Bootstrap-Theme-Beispiele an.
Mobile First, immer reaktionsschnell! Fast alles wurde neu gestaltet und umgebaut, angefangen bei den Handheld-Geräten bis hin zur Erweiterung.
Neuer Customizer! Es wurde neu gestaltet und wird jetzt im Browser statt in Heroku kompiliert, bietet eine bessere Abhängigkeitsunterstützung und verfügt sogar über eine integrierte Fehlerbehandlung. Und was noch besser ist: Wir speichern Ihre Anpassungen jetzt als anonyme Gists, sodass Sie sie einfach wiederverwenden, teilen und ändern können.
Bessere Box-Modell-Standardeinstellungen. Alle Inhalte in Bootstrap erhalten eine Box-Größe: einfachere Randbox-Größenoptionen und ein verbessertes Rastersystem.
Super leistungsstarkes Formularsystem. Mit vier Rasterklassenebenen – Mobilgerät, Tablet, Desktop und großer Desktop – können Sie unglaublich tolle Layouts erstellen.
Neu geschriebenes JavaScript-Plugin. Alle Ereignisse haben jetzt einen Namensraum, konfliktfreie Dinge funktionieren besser usw.
Neue Glyphicons-Symbolschriftart! Obwohl sie schon seit einiger Zeit nicht mehr vorhanden sind, haben wir Glyphicons im Hauptrepo wiederhergestellt. In 2.x waren es Bilder, aber jetzt liegen sie im Schriftartformat vor und enthalten 40 neue Glyphen.
Wesentliche Verbesserungen an der Navigationsleiste. Es reagiert jetzt immer und verfügt über einige äußerst praktische und neu anordenbare Unterkomponenten.
Modal reagiert schneller. Wir haben den Modalcode überarbeitet, um die Reaktionsfähigkeit auf Mobilgeräten zu verbessern. Sie scrollen jetzt über das gesamte Ansichtsfenster, anstatt eine maximale Höhe zu haben.
Einige Komponenten hinzugefügt! Neue Kombinationen sind Panel- und Listengruppen.
Einige Komponenten entfernt! Wir haben das Akkordeon über Bord geworfen (es durch zusammenklappbare Platten ersetzt), Untermenüs, Schreibmaschinen und ein paar kleinere Gegenstände. (Es lohnt sich zu feiern, ebenso wie das Hinzufügen neuer.)
Konsistentere Basis- und Größenklassen. Schaltflächen, Tabellen, Formulare, Benachrichtigungen usw. wurden aktualisiert, um konsistentere Klassen zu erstellen, die einfacher anzupassen und zu erweitern sind.
Verbesserung der Dokumentation. Wir haben viele neue Dokumentationen hinzugefügt, nicht nur für unsere Komponenten, sondern auch für die Browserunterstützung (einschließlich Fallstricke und Fehler), häufig gestellte Fragen zur Lizenzierung, Support von Drittanbietern (und Problemumgehungen), Barrierefreiheit und mehr.
Unterstützung für Internet Explorer 7 und Firefox 3.6 entfernt. Für Internet Explorer 8 müssen Sie Respond.js einschließen, damit alle Medienabfragen ordnungsgemäß funktionieren. Weitere Informationen zur Browserunterstützung finden Sie in der Dokumentation.
Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial.
Das obige ist der detaillierte Inhalt vonIn welchem Jahr wurde Bootstrap3.0 eingeführt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

React und Bootstrap können nahtlos integriert werden, um das Design der Benutzeroberfläche zu verbessern. 1) Deponcy-Paket installieren: npMinstallbootstrapReact-Bootstrap. 2) Importieren Sie die CSS -Datei: Import'bootstrap/dist/css/bootstrap.min.css '. 3) Verwenden Sie Bootstrap -Komponenten wie Tasten und Navigationsstangen. Mit dieser Kombination können Entwickler die Flexibilität von React und die Style -Bibliothek von Bootstrap nutzen, um eine schöne und effiziente Benutzeroberfläche zu erstellen.

Zu den Schritten zur Integration von Bootstrap in ein React-Projekt gehören: 1. Installieren Sie das Bootstrap-Paket, 2. Importieren Sie die CSS-Datei, 3. Verwenden Sie den Namen der Bootstrap-Klasse, um Elemente zu stylen. Diese Integration verwendet die Komponentierung von React und das Style -System von Bootstrap, um eine effiziente UI -Entwicklung zu erzielen.

BootstrapIsapowerfulframeworkThatSImplifiescreeatreesive, mobile-firstwebsites.itoffers: 1) AgridsystemforenAdapableLayouts, 2) Vor-Stilelemente LikeButtons und 3) JavaScriptComponentsSuchascarouselsforenhancedIntivenaktivität.

Bootstrap ist ein Front-End-Framework, das von Twitter entwickelt wurde und HTML, CSS und JavaScript integriert, um Entwicklern dabei zu helfen, reaktionsschnelle Websites schnell aufzubauen. Zu den Kernfunktionen gehören: Grid-System und Layout: Basierend auf dem 12-Spalte-Design, mithilfe von Flexbox-Layout und der Unterstützung reaktionsschneller Seiten verschiedener Gerätegrößen. Komponenten und Stile: Stellen Sie eine reichhaltige Komponentenbibliothek wie Schaltflächen, Modalboxen usw. an, und Sie können schöne Effekte erzielen, indem Sie Klassennamen hinzufügen. Wie es funktioniert: Verlassen Sie sich auf CSS und JavaScript, CSS verwendet weniger oder SASS -Präprozessoren, und JavaScript beruht auf JQuery, um interaktive und dynamische Effekte zu erzielen. Durch diese Funktionen verbessert Bootstrap die Entwicklung erheblich

BootstrapisafreecssframeworkThatSImplifieswebdevelopmentByProvidingPre-StyledComponentsandjavaScriptplugins.

Bootstrapisafree, Open-SourcecsSframeworkthathelpscreberesesive, Mobile-firstwebsites.1) ITOFFERSAGRIDSYSTEMForLayoutflexibilität) einschließlich der KomponentsForquickDesign und 3) iShighlycustoBableToavoidGenericlooklooks, stellyrequectoppingcustobrigingcustoppingcustobrigeln

Bootstrap eignet sich für schnelle Konstruktion und kleine Projekte, während React für komplexe und interaktive Anwendungen geeignet ist. 1) Bootstrap bietet vordefinierte CSS- und JavaScript -Komponenten, um die Entwicklung der reaktionsschnellen Schnittstelle zu vereinfachen. 2) React verbessert Leistung und Interaktivität durch Komponentenentwicklung und virtuelles DOM.

Der Hauptzweck von Bootstrap besteht darin, Entwicklern dabei zu helfen, schnell reaktionsschnelle, mobile Websites aufzubauen. Zu den Kernfunktionen gehören: 1. Responsive Design, das Layoutanpassungen verschiedener Geräte durch ein Gittersystem realisiert; 2. Vordefinierte Komponenten wie Navigationsbalken und Modalboxen sorgen für Ästhetik und Cross-Browser-Kompatibilität; 3. Unterstützen Sie die Anpassungen und Erweiterungen und verwenden Sie SASS -Variablen und Mixins, um Stile anzupassen.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools

Dreamweaver CS6
Visuelle Webentwicklungstools
