Bootstrap'i sürüm 3'e güncelleme - ne yapmam gerekiyor?

102

Bootstrap'te yeniyim ve eski 2.3.2 sürümüne sahibim.

Versiyon 3 yayınlandı. En son sürümü kullanmak istersem, sadece CSS ve Javascript dosyalarını değiştirmeli miyim?

twitter-bootstrap  twitter-bootstrap-3 
— Henry
kaynak
Sen değişiklikleri okumak ve onlar zaten yerinde sahip şey kırmak yok emin olmak ama evet sadece dosyaları yerini alabileceği
— Patsy Issa
Evet, bunu doğru yaptığımdan emin olmak istiyorum. Bence Bootstrap şimdiye kadarki en iyi şeydi - inanılmaz. Bir sonraki sürümü kullanmaya hevesliyim. Güncellemeleri yönetmek için .less kullanabileceği bir yerde okuduğuma eminim ama muhtemelen bu konuda yanılıyorum.
— henry
1
— v3'e
Dokümanlar 3.0'da her şeyin "akışkan" olduğunu söylese de, yine de kaplar için sabit piksel genişlikleri kullandığına dikkat edin ... Bu biraz aptalca çünkü bu akışkan düzeninin tam tersi.
— Cerin

Yanıtlar:

134

  1. En son sürümü http://getbootstrap.com/ adresinden indirin VEYA css ve js dosyalarını en yeni sürümlerle değiştirin veya CDN kullanın ( http://www.bootstrapcdn.com/ )

  2. Html'nizi taşıyın, evet gerçekten http://bootply.com/bootstrap-3-migration-guide okuyun . Http://twitterbootstrapmigrator.w3masters.nl/ veya http://code.divshot.com/bootstrap3_upgrader/ deneyebilirsiniz (kontrol listesi de sağlayın)

  3. html5shiv'i kaldırın, IE7 ve Firefox 3.x için TB düşmesine neden olun, IE8'e HTML5 öğeleri desteği eklemek için html5shiv.js ekleyin

  4. IE'de medya sorgusu desteği için response.js ( https://github.com/scottjehl/Respond ) ekleyin . NOT bu CDN ile çalışmaz, bkz: Twitter Bootstrap 3 ile IE8 sorunu

  5. Glyphicons kullanıyorsanız, onları http://glyphicons.getbootstrap.com/ adresinden eklemeniz gerekecektir (simgeler ayrı bir depoya taşınmıştır.) Glyphicons RC2'den beri geri döndü (Glyphicon Buçukluklar kümesinden yazı tipi biçiminde 180 glif)

  6. Javascript Typeahead bileşenini kullanırsanız, https://github.com/twitter/typeahead.js/ (typeahead javascript'in düşmesine neden olur) entegre etmeniz gerekir. Ayrıca bkz: Bootstrap 3.0 RC1 ile Typeahead sorunları Veya "eski" eklentiyi kullanın : https://github.com/bassjobsen/Bootstrap-3-Typeahead , ayrıca bkz .: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. JQuery 1.x'in en son sürümüne geçin (2.x sürümünü kullanmayın çünkü jQuery 2.x, IE8'i desteklemez)

  8. Kodunuza html ekleyen veya ekleyen üçüncü taraf widget'lar kullanıyorsanız (addthis.com, sharethis.com ve Google haritaları gibi), kutu boyutu için bir sarmalayıcı oluşturun, bkz: AddThis sayacının sağ kenarlığı, Twitter'ın Bootstrap 3'ünde eksik

Diğer:

Bootstrap 3, kutu boyutuna geçiş: border-box why ?: https://stackoverflow.com/a/18858771/1596547

IE7 için not desteği bırakıldı. https://github.com/coliff/bootstrap-ie7 bazı koşullu CSS kullanımıyla css bölümünü geri eklemeyi deneyin.

— Bass Jobsen
kaynak
Kulağa büyük bir girişim gibi geliyor. Bu ne kadar sürer? 1 haftalık çalışma? 1 ay? 6 ay?
— Curt
sorun BS2'nin
— Bass Jobsen
1
Tahmin etmem gerekirse, yükseltmenin birkaç ay sürebileceğini söyleyebilirim. Acımasız.
— Curt
@Curt bana bir e-posta gönder. Belki sana yardım edebilirim?
— Bass Jobsen
Size nasıl e-posta gönderebilirim? Twitter kullanıcı adınız aracılığıyla mı? Biraz daha v3 okudum ve görünüşe göre bu esas olarak eski telefonlar için destek eklemek. Eğer öyleyse, v3'e ihtiyacım olduğunu sanmıyorum.
— Curt
22

Güncellenmiş 2018

Önyükleme 3 ila 4

Bootstrap 4 yükseltme aracı (bu, Bootstrap 3'ten 4'e geçiş yapmanıza yardımcı olacaktır)

Önyükleme 2 ila 3

Bootstap 3 RC 1 için bir sürüm adayı (son sürüm 3 değil) 26 Temmuz 2013 Cuma günü ilan edildi, bu nedenle henüz herhangi bir resmi geçiş kılavuzu bulunmamaktadır.

Bootstrap 3 için büyük değişiklikler var. 2.x ile geriye dönük uyumluluk yok, bu yüzden sadece dosyaları değiştiremezsiniz. Bununla birlikte, Bootply'de bazı yararlı kılavuzlar bulabilirsiniz:

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

Çalışmalarda bir de Bootstrap taşıma aracı var: https://github.com/iatek/bootstrap-migrate

Bootstrap 2.x'ten 3'e yükseltme aracı: http://upgrade-bootstrap.bootply.com/v3

— Zim
kaynak
1
Gelecekten selamlar! İşte Bootstrap 4 aracı: upgrade-bootstrap.bootply.com
— Zim
14

bootstrap 2.3'ten 3.0'a geçmek neredeyse imkansızdır. sürüm değişikliği çok sert. Zend framework 2 projemi bootstrap 3.0 ile güncellemeye çalıştım ve sonuçlar karışıktı (IE 5 ile açmaya çalışmak gibi).

Benim tavsiyem: bootstrap 2.X kullanan eski proje bootstrap 2.x ile let. Yeni başlangıç ​​projesi 3.0 ile başlayın.

Kanımca böyle bir sürüm değişikliği, bootstrap ekibinden çok büyük bir hataydı. Kademeli bir güncelleme 2.4, 2.5, 2.6 yapmaları gerekirdi ....

— albanx
kaynak
8
Neredeyse imkansız olana katılmıyorum. Geçiş yapmak tamamen mümkündür, sadece sağlanan rehberliği izlemeniz gerekir. Bağlantılar için topluluk wiki gönderisine bakın. Ayrıca semantik sürüm numaralarını takiben, arayüz sözleşmelerini bozmak için büyük bir yükseltmeye izin verilir. Dolayısıyla, ana sürüm numarası bu olası kırılmayı doğru şekilde temsil eder.
— Jafin
1
Göç etmek çok zor. Bence bu tavsiye harika. İmkansız değil ama zor - hiçbir şey 2. * 'nin önceki sürümlerinden başka bir 2. *' ye yükseltmek gibisi yok.
— d -_- b
Gibi kalıpları arayabilir / değiştirebilirseniz imkansız değil ve çok daha kolay hale geldi span12.
— tadman
3
Boostrap varsayılan temasını geçersiz kıldığım ayrı css'de ve kodda bile mümkün olan tüm değişiklikleri yaptığımdan emin olabilirim, ancak iyi bir sonuç alamadım. Sadece 12'yi düşünmeyin, tüm yayılımları *, tüm gezinmeleri, tabloları ve daha fazlasını düşünün, yoğun bir önyükleme kullanımını düşünün
— albanx
Bootstrap (birçok web çerçevesi gibi) Anlamsal Sürümlemeyi takip eder , bu nedenle 2. * 'dan 3' e geçiş uyumsuz API değişiklikleri getirir.
— Jake Berger
0

Çok sayıda özelleştirme içeren çok sayıda dosya içeren büyük bir uygulamanız varsa, karşılaştığınız durumun çoğuna cevap veremeyecek her bir araç muhtemelen.

Öncelikle, tabii ki denemenizi tavsiye ederim: https://pypi.python.org/pypi/b2tob3/0.4 ama bu benim ihtiyacıma cevap vermeyecek, bu sürümü çatalladım ve birlikte geçiş yapabilmek için kendi sürümümü uyarladım Bootstrap 2'den 3'e ve Font Awesome 3'den 4'e birlikte, b23tob3-v0.4'te (orijinal olan) ele alınmayan bazı durumlar benim sürümümde ele alınmaya çalışıyor.

Gönderimi buradan okuyun: http://ask.osify.com/qa/589 Güncellememi github'da bulun: https://github.com/metrey/b2tob3 Derlenmiş Windows uygulamasını da burada bulabilir ve hemen kullanabilirsiniz .

Aracı kullanmadan önce DAİMA dosyalarınızı yedekleyin ve her şeyi kaynak denetimine verin.

İyi şanslar ve düşüncelerinizi paylaşın.

— Osify
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.