wake-up-neo.com

Update von Bootstrap auf Version 3 - Was muss ich tun?

Ich bin neu bei Bootstrap und habe die ältere Version 2.3.2.

Version 3 wurde veröffentlicht. Muss ich einfach die CSS- und Javascript-Dateien ersetzen, wenn ich die neueste Version verwenden möchte?

102
henry
  1. Laden Sie die neueste Version von http://getbootstrap.com/ OR herunter. Ersetzen Sie die CSS- und JS-Dateien durch die neuesten Versionen oder verwenden Sie CDN ( http://www.bootstrapcdn.com/ )

  2. Migrieren Sie Ihre HTML-Datei, lesen Sie in der Tat http://bootply.com/bootstrap-3-migration-guide . Sie könnten versuchen, http://twitterbootstrapmigrator.w3masters.nl/ oder http://code.divshot.com/bootstrap3_upgrader/ (auch Checkliste angeben)

  3. html5shiv entfernen Ursache TB löscht die Unterstützung für IE7 und Firefox 3.x Fügen Sie html5shiv.js hinzu, um dem IE8 Unterstützung für HTML5-Elemente hinzuzufügen

  4. fügen Sie respons.js ( https://github.com/scottjehl/Respond ) hinzu, um die Unterstützung für Medienabfragen im Internet Explorer zu unterstützen. HINWEIS: Dies funktioniert nicht mit CDN, siehe: IE8-Problem mit Twitter Bootstrap 3

  5. Wenn Sie Glyphicons verwenden, müssen Sie sie unter http://glyphicons.getbootstrap.com/ hinzufügen (Symbole wurden in ein separates Repository verschoben.) Glyphicons sind seit RC2 zurück (180 Glyphen im Schriftformat aus dem Glyphicon Halflings-Set)

  6. Wenn Sie die Javascript Typeahead-Komponente verwenden, müssen Sie https://github.com/Twitter/typeahead.js/ integrieren (Ursache, da Javascript vom Typenkopf abgeworfen wird). Siehe auch: Typeahead-Probleme mit Bootstrap 3.0 RC1 Oder verwenden Sie das "alte" Plugin: https://github.com/bassjobsen/Bootstrap-3-Typeahead , siehe auch: https://stackoverflow.com/questions/18615964/ajax-call- in-bootstrap-3-0-typeahead/18620473

  7. Wechseln Sie zur neuesten Version von jQuery 1.x (verwenden Sie nicht die 2.x-Version, da jQuery 2.x den IE8 nicht unterstützt.)

  8. Wenn Sie Widgets von Drittanbietern verwenden, die HTML-Code hinzufügen oder einfügen (z. B. addthis.com, sharethis.com und Google maps), erstellen Sie einen Wrapper für die Größenanpassung der Box. Siehe: Rechter Rand des AddThis-Zählers fehlt bei Twitter Bootstrap 3

Andere:

Bootstrap 3 wechselt zu Box-Sizing: Border-Box Warum ?: https://stackoverflow.com/a/18858771/1596547

Hinweis Die Unterstützung für IE7 wurde eingestellt. https://github.com/coliff/bootstrap-ie7 Versuchen Sie, den CSS-Teil mithilfe von bedingtem CSS wieder hinzuzufügen.

134
Bass Jobsen

Aktualisiert 2018

Bootstrap 3 bis 4

Bootstrap 4 Upgrade-Tool (Dies hilft bei der Migration von Bootstrap 3 auf 4)


Bootstrap 2 bis 3

Ein Veröffentlichungskandidat (nicht die endgültige Version 3) für Bootstap 3 RC 1 wurde am Freitag (26. Juli 2013) angekündigt, daher gibt es noch keine offiziellen Migrationsrichtlinien.

Es gibt wichtige Änderungen für Bootstrap 3. Es gibt keine Abwärtskompatibilität mit 2.x, daher können Sie die Dateien nicht einfach ersetzen. Einige nützliche Hinweise finden Sie hier bei Bootply:

http://bootply.com/bootstrap-3-migration-guide

Ein Bootstrap-Migrationswerkzeug ist ebenfalls in Arbeit: https://github.com/iatek/bootstrap-migrate

Bootstrap 2.x zu 3 Upgrade-Tool: http://upgrade-bootstrap.bootply.com/v3

22
Zim

eine Migration von Bootstrap 2.3 auf 3.0 ist fast unmöglich. Der Versionswechsel ist sehr drastisch. Ich habe versucht, mein Zend Framework 2-Projekt mit Bootstrap 3.0 zu aktualisieren, und die Ergebnisse waren ein Durcheinander (wie beim Versuch, mit IE 5 zu öffnen).

Mein Rat: altes Projekt mit Bootstrap 2.X mit Bootstrap 2.x lassen. Neues Startprojekt, beginnen mit 3.0.

Meiner Meinung nach war ein solcher Versionswechsel ein sehr großer Fehler vom Bootstrap-Team. Sie sollten ein schrittweises Update 2.4, 2.5, 2.6 durchgeführt haben ...

13
albanx

Ich bin gerade auf 3.0.3 umgestiegen und diese Python-App https://pypi.python.org/pypi/b2tob3/0.4 machte es ziemlich einfach.

1
Ramesh

Ich habe ein grunziges Plugin erstellt, um die Aktualisierung von Bootstrap 2.3 auf 3.0 HTML zu automatisieren.

Überprüfen Sie es unter https://github.com/jdewit/grunt-html-upgrader .

0
jdewit

Es ist nicht sicher, aber verwenden Sie diese Joomla-Erweiterung

verweisen Sie auf diesen Link,

http://www.nonumber.nl/extensions/rereplacer

andernfalls ist das Überschreiben von Vorlagen die einzige Möglichkeit, dies zu tun.

0

Wenn Sie eine große Anwendung mit vielen Dateien mit vielen Anpassungen haben, könnte jedes einzelne Tool wahrscheinlich die meisten Fälle nicht beantworten, mit denen Sie konfrontiert sind.

Zuerst empfehle ich natürlich folgendes: https://pypi.python.org/pypi/b2tob3/0.4 aber dies wird nicht auf meine Bedürfnisse eingehen, ich habe diese Version gegabelt und meine eigene Version angepasst Bootstrap 2 zu 3 und Font Awesome 3 zu 4 können zusammen migriert werden. Einige Fälle, die nicht in b23tob3-v0.4 (ursprünglich) behandelt werden, versuchen in meiner Version zu behandeln.

Lesen Sie meinen Beitrag hier: http://ask.osify.com/qa/589 Finden Sie mein Update in github: https://github.com/metrey/b2tob3 Sie Dort finden Sie auch die kompilierte Windows-App, die Sie sofort verwenden können.

Sichern Sie Ihre Dateien IMMER und übergeben Sie alles in die Quellcodeverwaltung, bevor Sie das Tool verwenden.

Viel Glück und teilen Sie Ihre.

0
Osify

Zwei Online-Tools zum Upgrade auf Bootstrap 3:

FROM bootply

FROM divshot

0
令狐葱