suchen
HeimWeb-FrontendBootstrap-TutorialIn welchem ​​Jahr wurde Bootstrap3.0 eingeführt?

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.

In welchem ​​Jahr wurde Bootstrap3.0 eingeführt?

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!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Reagieren und Bootstrap: Verbesserung der BenutzeroberflächendesignReagieren und Bootstrap: Verbesserung der BenutzeroberflächendesignApr 26, 2025 am 12:18 AM

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.

Integration von Bootstrap in React: Ein praktischer LeitfadenIntegration von Bootstrap in React: Ein praktischer LeitfadenApr 25, 2025 am 12:04 AM

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.

Wofür wird Bootstrap verwendet? Eine praktische ErklärungWofür wird Bootstrap verwendet? Eine praktische ErklärungApr 24, 2025 am 12:16 AM

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

Bootstrap: Von Layouts bis zu KomponentenBootstrap: Von Layouts bis zu KomponentenApr 23, 2025 am 12:06 AM

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

Was ist Bootstrap? Eine Einführung für AnfängerWas ist Bootstrap? Eine Einführung für AnfängerApr 22, 2025 am 12:07 AM

BootstrapisafreecssframeworkThatSImplifieswebdevelopmentByProvidingPre-StyledComponentsandjavaScriptplugins.

Bootstrap entmystifiziert: Eine einfache ErklärungBootstrap entmystifiziert: Eine einfache ErklärungApr 21, 2025 am 12:13 AM

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

Bootstrap vs. React: Wählen Sie den richtigen Ansatz ausBootstrap vs. React: Wählen Sie den richtigen Ansatz ausApr 20, 2025 am 12:09 AM

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.

Bootstraps Zweck: Erstellen konsistenter und attraktiver WebsitesBootstraps Zweck: Erstellen konsistenter und attraktiver WebsitesApr 19, 2025 am 12:07 AM

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.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Heiße Werkzeuge

SublimeText3 Englische Version

SublimeText3 Englische Version

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

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools