Aggiornamento di Bootstrap alla versione 3: cosa devo fare?

Sono nuovo di Bootstrap e ho la versione precedente 2.3.2.

La versione 3 è stata rilasciata. Devo semplicemente sostituire i file CSS e Javascript se voglio usare l’ultima versione?

  1. Scarica l’ultima versione da http://getbootstrap.com/ OPPURE Sostituisci i file css e js con le versioni più recenti o usa CDN ( http://www.bootstrapcdn.com/ )

  2. Esegui la migrazione del tuo html, sì, in effetti leggi http://bootply.com/bootstrap-3-migration-guide . Puoi provare http://twitterbootstrapmigrator.w3masters.nl/ o http://code.divshot.com/bootstrap3_upgrader/ (fornire anche la checklist)

    • Le immagini non rispondono di default in Twitter Bootstrap 3?
    • Disegnare i pulsanti Bootstrap 3.x di Twitter
    • Cambia colore della barra di navigazione in Twitter Bootstrap 3
  3. rimuovi html5shiv causa il supporto di TB drops per IE7 e Firefox 3.x aggiungi html5shiv.js per aggiungere il supporto degli elementi HTML5 a IE8

  4. aggiungi respond.js ( https://github.com/scottjehl/Respond ) per il supporto delle query multimediali in IE. NOTA questo non funzionerà con CDN, vedi: Problema IE8 con Twitter Bootstrap 3

  5. Se usi Glyphicons, dovrai aggiungerli da http://glyphicons.getbootstrap.com/ (le icone sono state spostate in un repository separato.) I glyphicons sono tornati da RC2 (180 glifi in formato font dal set di Glyphicon Halflings)

  6. Se si utilizza il componente Typeahead Javascript, sarà necessario integrare https://github.com/twitter/typeahead.js/ (perché javascript typeahead è stato eliminato) Vedere anche: Problemi di Typeahead con Bootstrap 3.0 RC1 Oppure utilizzare il plug-in “vecchio” : https://github.com/bassjobsen/Bootstrap-3-Typeahead , vedere anche: https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. Passa alla versione più recente di jQuery 1.x (non utilizzare la versione 2.x perché jQuery 2.x non supporta IE8)

  8. Se utilizzi widget di terze parti che aggiungono o inseriscono codice HTML al tuo codice (come addthis.com, sharethis.com e Google maps), crea un wrapper per il ridimensionamento della casella, vedi: Bordo destro del contatore AddThis mancante con Bootstrap 3 di Twitter

Altro:

Bootstrap 3 passa al dimensionamento della scatola: border-box perché ?: https://stackoverflow.com/a/18858771/1596547

Il supporto delle note per IE7 è stato eliminato. https://github.com/coliff/bootstrap-ie7 prova ad aggiungere la parte css indietro con l’uso di alcuni CSS condizionali.

Aggiornato il 2018

Bootstrap da 3 a 4

Bootstrap 4 tool di aggiornamento (questo aiuterà a migrare da Bootstrap 3 a 4)


Bootstrap 2 a 3

Un rilascio candidato (non l’ultima versione 3) per Bootstap 3 RC 1 è stato annunciato venerdì (26 luglio 2013), quindi non ci sono ancora indicazioni ufficiali sulla migrazione.

Ci sono modifiche importanti per Bootstrap 3. Non esiste compatibilità con le versioni precedenti con 2.x, quindi non puoi semplicemente sostituire i file. Puoi comunque trovare alcune indicazioni utili qui su Bootply:

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

C’è anche uno strumento di migrazione Bootstrap nei lavori: https://github.com/iatek/bootstrap-migrate

Bootstrap 2.x to 3 upgrade tool: http://upgrade-bootstrap.bootply.com/v3

è quasi imansible migrare da bootstrap 2.3 a 3.0. il cambio di versione è molto drastico. Ho provato ad aggiornare il mio progetto zend framework 2 con bootstrap 3.0 e il risultato è stato un disastro (come provare ad aprire con IE 5).

Il mio consiglio: vecchio progetto usando bootstrap 2.X let con bootstrap 2.x. Nuovo progetto iniziale, iniziare con 3.0.

A mio avviso, il cambio di versione è stato un errore molto grande del team di bootstrap. Avrebbero dovuto fare un aggiornamento graduale 2.4, 2.5, 2.6 ….

Ho appena migrato alla 3.0.3 e questa app di python https://pypi.python.org/pypi/b2tob3/0.4 ha reso il compito abbastanza facile.

Ho creato un plugin per grunt per automatizzare l’aggiornamento di bootstrap 2.3 a 3.0 html.

Controllalo su https://github.com/jdewit/grunt-html-upgrader

Non è sicuro, ma utilizzare questa estensione joomla rereplacer

riferisci questo link,

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

altrimenti, l’override dei modelli è l’unico modo per farlo.

Due strumenti online per l’aggiornamento a Bootstrap 3:

DA bootply

DALLA divshot

Se hai una grande applicazione con molti file con molta personalizzazione, ogni singolo strumento probabilmente non risponde alla maggior parte del caso che stai affrontando.

Per prima cosa, ovviamente, consiglio di provare: https://pypi.python.org/pypi/b2tob3/0.4 ma questo non risponderà alle mie necessità, ho biforcato questa versione e ho adattato la mia per poter migrare insieme Bootstrap da 2 a 3 e Font Awesome da 3 a 4 insieme, alcuni casi che non trattano in b23tob3-v0.4 (quello originale) stanno cercando di trattare nella mia versione.

Leggi il mio post qui: http://ask.osify.com/qa/589 Trova il mio aggiornamento in github: https://github.com/metrey/b2tob3 Puoi anche trovare l’app Windows compilata anche lì da usare subito .

SEMPRE effettua il backup dei tuoi file e invia tutto al controllo del codice sorgente prima di utilizzare lo strumento.

Buona fortuna e condividi il tuo pensiero.