Mise à jour de Bootstrap vers la version 3 - Que dois-je faire?
Je suis nouveau à Bootstrap et j'ai l'ancienne version 2.3.2.
Version 3 est sortie. Est-ce que je remplace simplement les fichiers CSS et Javascript si je veux utiliser la dernière version?
8 réponses
-
Téléchargez la dernière version de http://getbootstrap.com / ou remplacer les fichiers css et js avec les versions les plus récentes ou utiliser CDN ( http://www.bootstrapcdn.com/ )
-
Migrer votre code html, oui en effet lire http://bootply.com/bootstrap-3-migration-guide . Vous pouvez essayer http://twitterbootstrapmigrator.w3masters.nl / ou http://code.divshot.com/bootstrap3_upgrader/ (fournir la liste de vérification de trop)
-
supprimer html5shiv cause TB laisse tomber le support pour IE7 et Firefox 3.xajouter html5shiv.js pour ajouter le support de HTML5 éléments à IE8 -
ajouter répondre.js ( https://github.com/scottjehl/Respond ) pour les requêtes multimédias dans IE. REMARQUE cela ne fonctionne pas avec CA, voir: IE8 problème avec Twitter Bootstrap 3
-
si vous utilisez Glyphicons, vous devez doivent les ajouter de http://glyphicons.getbootstrap.com / (les icônes ont été déplacées dans un dépôt séparé.)Glyphicons sont de retour depuis la RC2 (180 glyphes dans le format de la police de la Glyphicon les Hobbits set) -
si vous utilisez le composant Javascript, vous devrez intégrer https://github.com/twitter/typeahead.js / (cause le javascript de type tête est supprimé) Voir aussi: Typeahead problèmes avec Bootstrap 3.0 RC1 Ou utiliser le "vieux" plugin: https://github.com/bassjobsen/Bootstrap-3-Typeahead , voir aussi: https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473
-
passer à la dernière version de jQuery 1.x (n'utilisez pas le 2.x version provoquer jQuery 2.x ne supporte pas IE8)
-
si vous utilisez des widgets tiers qui ajoute ou insère html à votre code (comme addthis.com, sharethis.com et Google maps), créer un wrapper pour le box-sizing, voir: limite droite du compteur AddThis manquant avec Bootstrap de Twitter 3
autres:
Bootstrap 3 commutateur de box-sizing: border-box pourquoi?: https://stackoverflow.com/a/18858771/1596547
Note de soutien pour IE7 a été supprimée. https://github.com/coliff/bootstrap-ie7 essayer d'ajouter la partie css en arrière avec l'utilisation de certains CSS conditionnels.
mise à Jour 2018
Bootstrap 3 à 4
Bootstrap 4 mise à niveau de l'outil (cela va aider à migrer à partir de Bootstrap 3 à 4)
Bootstrap 2 à 3
release candidate (pas la version finale 3) pour Bootstap 3 RC 1 a été annoncé vendredi (26 juillet 2013), il n'y a donc pas encore de guide officiel de migration.
il y a des changements majeurs pour Bootstrap 3. Il n'y a pas de compatibilité avec 2.x, donc tu ne peux pas juste remplacer les fichiers. Vous pouvez cependant trouver quelques conseils utiles ici à Bootply:
http://bootply.com/bootstrap-3-migration-guide
Il ya aussi un Bootstrap outil de migration en cours: https://github.com/iatek/bootstrap-migrate
Bootstrap 2.x à 3 Outil de mise à niveau: http://upgrade-bootstrap.bootply.com/v3
il est presque impossible de migrer de bootstrap 2.3 à 3.0. le changement de version est très drastique. J'ai essayé de mettre à jour mon projet Zend framework 2 avec bootstrap 3.0 et les résultats ont été un gâchis (comme essayer D'ouvrir avec IE 5).
mon conseil: vieux projet en utilisant bootstrap 2.X laisser avec bootstrap 2.x. Nouveau projet de départ, début 3.0.
à mon avis, Un tel changement de version était une très grosse erreur de la part de l'équipe bootstrap. Ils auraient dû faire un mise à jour progressive 2.4, 2.5, 2.6 ....
je viens de migrer vers 3.0.3 et cette application python https://pypi.python.org/pypi/b2tob3/0.4 a rendu la tâche assez facile.
j'ai fait un plugin grunt pour automatiser la mise à niveau bootstrap 2.3 à 3.0 html.
Check it out at https://github.com/jdewit/grunt-html-upgrader
ce n'est pas sûr, mais utiliser cette extension rereplacer joomla
consultez ce lien,
http://www.nonumber.nl/extensions/rereplacer
sinon, les dérogations au modèle sont la seule façon de le faire.
Si vous avez une grosse application avec beaucoup de fichiers avec beaucoup de personnalisation, chaque outil unique probable que ne pouvait pas répondre à la plupart des cas vous êtes confrontés.
tout D'abord, bien sûr, je recommande d'essayer: https://pypi.python.org/pypi/b2tob3/0.4 mais cela ne répondra pas à mon besoin, j'ai bifurqué cette version et adapter ma propre pour pouvoir migrer ensemble Bootstrap 2 à 3 et Font impressionnant 3 à 4 ensemble, certains cas qui ne traitent pas en b23tob3-v0.4 (original one) tentent de traiter dans ma version.
lire mon billet ici: http://ask.osify.com/qa/589 Trouver ma mise à jour en github: https://github.com/metrey/b2tob3 Vous pouvez également y trouver l'application Windows compilée ainsi à utiliser immédiatement.
Sauvegardez toujours vos fichiers et confiez tout au contrôle source avant d'utiliser l'outil.
bonne chance et partagez votre bien.