Aggiornamento di Bootstrap alla versione 3: cosa devo fare?

102

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 utilizzare l'ultima versione?

twitter-bootstrap twitter-bootstrap-3

— henry
fonte

Potresti voler leggere le modifiche e assicurarti che non rompano nulla che hai già in atto, ma sì, semplicemente sostituisci i file

— Patsy Issa

Sì, voglio solo assicurarmi di farlo correttamente. Penso che Bootstrap sia stata la cosa migliore in assoluto: è incredibile. Non vedo l'ora di utilizzare la prossima versione. Sono sicuro che stavo leggendo da qualche parte che l'uso può usare .less per gestire gli aggiornamenti, ma probabilmente mi sbaglio.

— henry

1

possibile duplicato di Scrittura Bootstrap di Twitter con l'aggiornamento alla v3 in mente

— Bass Jobsen

Nota che anche se i documenti dicono che tutto è "fluido" nella 3.0, usa ancora larghezze di pixel fisse per i contenitori ... il che è un po 'stupido in quanto è l'esatto opposto del layout fluido.

— Cerin

134

Scarica l'ultima versione da http://getbootstrap.com/ OPPURE Sostituisci i file css e js con le versioni più recenti o utilizza CDN ( http://www.bootstrapcdn.com/ )
Migra il tuo html, sì, leggi davvero http://bootply.com/bootstrap-3-migration-guide . Puoi provare http://twitterbootstrapmigrator.w3masters.nl/ o http://code.divshot.com/bootstrap3_upgrader/ (fornisci anche la lista di controllo)
~~rimuovere html5shiv perché TB elimina il supporto per IE7 e Firefox 3.x~~ aggiungere html5shiv.js per aggiungere il supporto degli elementi HTML5 a IE8
aggiungi reply.js ( https://github.com/scottjehl/Respond ) per il supporto delle media query in IE. NOTA questo non funzionerà con CDN, vedi: Problema di IE8 con Twitter Bootstrap 3
~~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 carattere dal set Glyphicon Halfling)
Se utilizzi il componente Typeahead Javascript, dovrai integrare https://github.com/twitter/typeahead.js/ (causa l'eliminazione del javascript typeahead) Vedi anche: Problemi con typeahead con Bootstrap 3.0 RC1 Oppure usa il "vecchio" plugin : https://github.com/bassjobsen/Bootstrap-3-Typeahead , vedi anche: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473
Passa all'ultima versione di jQuery 1.x (non utilizzare la versione 2.x perché jQuery 2.x non supporta IE8)
Se utilizzi widget di terze parti che aggiungono o inseriscono html al tuo codice (come addthis.com, sharethis.com e Google maps), crea un wrapper per il dimensionamento della scatola, 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

Nota il supporto per IE7 è stato abbandonato. https://github.com/coliff/bootstrap-ie7 prova ad aggiungere nuovamente la parte CSS con l'uso di alcuni CSS condizionali.

— Bass Jobsen
fonte

Sembra un'impresa enorme. Quanto tempo dovrebbe richiedere? 1 settimana di lavoro? 1 mese? 6 mesi?

— Curt

il problema è che BS2 non è retrocompatibile con BS3, vedi anche bassjobsen.weblogs.fm/…

— Bass Jobsen

1

Se dovessi indovinare, direi che l'aggiornamento può richiedere alcuni mesi. Brutale.

— Curt

@Curt mi mandi una e-mail. Forse posso aiutarti?

— Basso Jobsen

Come ti mando una e-mail? Attraverso il tuo account Twitter? Ho letto un po 'di più della v3 e sembra che sia principalmente per aggiungere il supporto per i telefoni più vecchi. Se è così, non penso di aver bisogno della v3.

— Curt

22

Aggiornato 2018

Bootstrap da 3 a 4

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

Bootstrap da 2 a 3

Una release candidate (non la versione finale 3) per Bootstap 3 RC 1 è stata annunciata venerdì (26 luglio 2013), quindi non esiste ancora alcuna guida ufficiale alla migrazione.

Ci sono cambiamenti importanti per Bootstrap 3. Non c'è compatibilità con le versioni precedenti con 2.x, quindi non puoi semplicemente sostituire i file. Tuttavia, puoi trovare alcune indicazioni utili qui su Bootply:

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

~~C'è anche uno strumento di migrazione Bootstrap in lavorazione: https://github.com/iatek/bootstrap-migrate~~

Strumento di aggiornamento da Bootstrap 2.x a 3: http://upgrade-bootstrap.bootply.com/v3

— Zim
fonte

1

Saluti dal futuro! Ecco lo strumento Bootstrap 4: upgrade-bootstrap.bootply.com

— Zim

14

è quasi impossibile 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: il vecchio progetto che usa bootstrap 2.X lascia con bootstrap 2.x. Nuovo progetto di partenza, inizia con 3.0.

A mio parere, tale cambio di versione è stato un grosso errore da parte del team di bootstrap. Avrebbero dovuto fare un aggiornamento graduale 2.4, 2.5, 2.6 ....

— albanx
fonte

8

Non sono d'accordo con il quasi impossibile. È del tutto possibile migrare, devi solo seguire le indicazioni fornite. Vedere il post wiki della comunità per i collegamenti. Anche seguendo i numeri di versione semantica, è consentito un aggiornamento importante per rompere i contratti di interfaccia. Quindi il numero di versione principale rappresenta correttamente questa possibile interruzione.

— Jafin

1

È molto difficile migrare. Penso che questo sia un consiglio fantastico. Non è impossibile, ma è difficile: niente come l'aggiornamento da versioni precedenti di 2. * a un altro 2. *.

— d -_- b

Non è impossibile e reso molto più semplice se puoi cercare / sostituire modelli come span12.

— tadman

3

Posso assicurarti di aver effettuato tutte le sostituzioni possibili, anche su CSS separati dove sovrascrivo il tema predefinito di boostrap e nel codice, ma non ho ottenuto un buon risultato. Non pensare solo a span12, pensa a tutto span *, tutti i nav, le tabelle e altro ancora, pensa a un uso intenso e profondo di bootstrap

— albanx

Bootstrap (come molti framework web) segue il controllo delle versioni semantico , da qui il passaggio da 2. * a 3 che introduce modifiche API incompatibili.

— Jake Berger,

1

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

— ramesh
fonte

0

Ho creato un plugin grugnito per automatizzare l'aggiornamento da bootstrap 2.3 a 3.0 html.

Dai un'occhiata a https://github.com/jdewit/grunt-html-upgrader

— jdewit
fonte

0

Non è sicuro, ma usa questa estensione joomla rereplacer

fare riferimento a questo link,

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

in caso contrario, le sostituzioni dei modelli sono l'unico modo per farlo.

— Kumar Ramalingam
fonte

0

Due strumenti online per l'aggiornamento a Bootstrap 3:

DA bootply

DA divshot

— 令狐葱
fonte

0

Se stai utilizzando una grande applicazione con molti file con molta personalizzazione, ogni singolo strumento probabilmente non potrebbe rispondere alla maggior parte dei casi che stai affrontando.

Per prima cosa, ovviamente, consiglio di provare: https://pypi.python.org/pypi/b2tob3/0.4 ma questo non risponderà alle mie esigenze, ho biforcato questa versione e 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 di Windows compilata da utilizzare subito .

SEMPRE eseguire il backup dei file e inviare tutto al controllo del codice sorgente prima di utilizzare lo strumento.

Buona fortuna e condividi il tuo pensiero.

— Osify
fonte