Aktualizacja Bootstrapa do wersji 3 - co mam zrobić?

102

Jestem nowy w Bootstrap i mam starszą wersję 2.3.2.

Wersja 3 została wydana. Czy po prostu zastępuję pliki CSS i Javascript, jeśli chcę używać najnowszej wersji?

twitter-bootstrap twitter-bootstrap-3 henz
źródło
Możesz przeczytać o zmianach i upewnić się, że nie psują one niczego, co już masz, ale tak, po prostu zastąp pliki
Patsy Issa
Tak, chcę się tylko upewnić, że robię to poprawnie. Myślę, że Bootstrap był najlepszą rzeczą w historii - jest niesamowity. Chętnie skorzystam z kolejnej wersji. Jestem pewien, że czytałem gdzieś, że użycie może używać .less do zarządzania aktualizacjami, ale prawdopodobnie się mylę.
henry
1
możliwy duplikat Writing Twittera Bootstrap z myślą o aktualizacji do v3
Bass Jobsen
Zauważ, że chociaż dokumentacja mówi, że wszystko jest „płynne” w wersji 3.0, nadal używa stałych szerokości pikseli dla kontenerów ... co jest trochę głupie, ponieważ jest to dokładne przeciwieństwo układu płynnego.
Cerin

Odpowiedzi:

134

  1. Pobierz najnowszą wersję ze strony http://getbootstrap.com/ LUB Zastąp pliki css i js najnowszymi wersjami lub skorzystaj z CDN ( http://www.bootstrapcdn.com/ )

  2. Przeprowadź migrację swojego HTML, tak, rzeczywiście, przeczytaj http://bootply.com/bootstrap-3-migration-guide . Możesz spróbować http://twitterbootstrapmigrator.w3masters.nl/ lub http://code.divshot.com/bootstrap3_upgrader/ (podaj również listę kontrolną)

  3. usuń html5shiv, bo TB spada wsparcie dla IE7 i Firefox 3.x dodaj html5shiv.js, aby dodać obsługę elementów HTML5 do IE8

  4. dodaj respond.js ( https://github.com/scottjehl/Respond ), aby uzyskać obsługę zapytań o media w przeglądarce IE. UWAGA to nie zadziała z CDN, zobacz: Problem IE8 z Twitter Bootstrap 3

  5. Jeśli używasz Glyphicons, będziesz musiał dodać je z http://glyphicons.getbootstrap.com/ (ikony zostały przeniesione do osobnego repozytorium). Glify powracają od czasu RC2 (180 glifów w formacie czcionki z zestawu Glyphicon Halflingów)

  6. Jeśli używasz komponentu Typeahead Javascript, będziesz musiał zintegrować https://github.com/twitter/typeahead.js/ (powoduje upuszczenie javascript typeahead) Zobacz także: Problemy Typeahead z Bootstrap 3.0 RC1 Lub użyj "starej" wtyczki : https://github.com/bassjobsen/Bootstrap-3-Typeahead , zobacz także: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. Przełącz się na najnowszą wersję jQuery 1.x (nie używaj wersji 2.x, ponieważ jQuery 2.x nie obsługuje IE8)

  8. Jeśli używasz widżetów innych firm, które dodają lub wstawiają html do twojego kodu (np. Addthis.com, sharethis.com i mapy Google), utwórz opakowanie dla rozmiaru pudełka, zobacz: Brak prawej krawędzi licznika AddThis w Bootstrap 3 Twittera

Inny:

Bootstrap 3 przełącza się na box-size: border-box dlaczego ?: https://stackoverflow.com/a/18858771/1596547

Uwaga wsparcie dla IE7 zostało usunięte. https://github.com/coliff/bootstrap-ie7 spróbuj ponownie dodać część css za pomocą warunkowego CSS.

Bass Jobsen
źródło
To brzmi jak wielkie przedsięwzięcie. Jak długo to powinno potrwać? 1 tydzień pracy? 1 miesiąc? 6 miesięcy?
Curt
problem polega na tym, że BS2 nie jest wstecznie kompatybilny z BS3, patrz także bassjobsen.weblogs.fm/ ...
Bass Jobsen
1
Gdybym miał zgadywać, powiedziałbym, że aktualizacja może zająć kilka miesięcy. Brutalny.
Curt
@Curt wyślij mi e-mail. Może mogę ci pomóc?
Bass Jobsen
Jak mam wysłać e-mail? Poprzez swój uchwyt na Twitterze? Czytałem trochę więcej o v3 i wygląda na to, że chodzi głównie o dodanie obsługi starszych telefonów. Jeśli tak, myślę, że nie potrzebuję wersji v3.
Curt
22

Zaktualizowano 2018

Bootstrap 3 do 4

Narzędzie do aktualizacji Bootstrap 4 (pomoże to w migracji z Bootstrap 3 do 4)

Bootstrap 2 do 3

Kandydat do wydania (nie ostateczne wydanie 3) dla Bootstap 3 RC 1 został ogłoszony w piątek (26 lipca 2013), więc nie ma jeszcze żadnych oficjalnych wskazówek dotyczących migracji.

Istnieją poważne zmiany w Bootstrap 3. Nie ma kompatybilności wstecznej z 2.x, więc nie można po prostu zastąpić plików. Możesz jednak znaleźć przydatne wskazówki tutaj w Bootply:

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

W przygotowaniu jest również narzędzie migracji Bootstrap: https://github.com/iatek/bootstrap-migrate

Narzędzie do aktualizacji Bootstrap 2.x do 3: http://upgrade-bootstrap.bootply.com/v3

Zim
źródło
1
Pozdrowienia z przyszłości! Oto narzędzie Bootstrap 4: upgrade-bootstrap.bootply.com
Zim
14

migracja z bootstrap 2.3 do 3.0 jest prawie niemożliwa. zmiana wersji jest bardzo drastyczna. Próbowałem zaktualizować mój projekt zend framework 2 za pomocą bootstrap 3.0 i rezultatem był bałagan (jak próba otwarcia z IE 5).

Moja rada: stary projekt wykorzystujący bootstrap 2.X niech z bootstrapem 2.x. Nowy projekt początkowy, zacznij od 3.0.

Moim zdaniem taka zmiana wersji była bardzo dużym błędem ze strony zespołu bootstrap. Powinni byli zrobić stopniową aktualizację 2.4, 2.5, 2.6 ....

albanx
źródło
8
Nie zgadzam się z prawie niemożliwym. Migracja jest całkowicie możliwa, wystarczy postępować zgodnie z podanymi wskazówkami. Linki można znaleźć w poście wiki społeczności. Również zgodnie z semantycznymi numerami wersji, poważna aktualizacja jest dozwolona w celu zerwania kontraktów interfejsu. Tak więc główny numer wersji poprawnie reprezentuje tę możliwą przerwę.
Jafin
1
Bardzo trudno jest migrować. Myślę, że ta rada jest świetna. Nie jest to niemożliwe, ale trudne - nie ma to jak uaktualnienie z wcześniejszych wersji 2. * do innej 2. *.
d -_- b
Nie jest to niemożliwe i znacznie łatwiejsze, jeśli możesz wyszukiwać / zastępować wzorce, takie jak span12.
tadman
3
Mogę zapewnić, że wykonałem wszystkie możliwe podmiany, nawet na oddzielnym css, gdzie nadpisuję domyślny motyw boostrap, oraz w kodzie, ale nie uzyskałem dobrego wyniku. Nie myśl tylko o span12, pomyśl o wszystkich zakresach *, wszystkich nawigacjach, tabelach i nie tylko, pomyśl o intensywnym, głębokim użyciu bootstrapu
albanx
Bootstrap (podobnie jak wiele frameworków internetowych) jest zgodny z wersjonowaniem semantycznym , stąd zmiana z 2. * na 3 wprowadzająca niekompatybilne zmiany API.
Jake Berger,
0

Nie jest to pewne, ale użyj tego rozszerzenia Joomla rereplacer

skieruj ten link,

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

w przeciwnym razie zastąpienia szablonów są jedynym sposobem, aby to zrobić.

Kumar Ramalingam
źródło
0

Jeśli masz dużą aplikację z wieloma plikami z wieloma dostosowaniami, każde narzędzie prawdopodobnie nie może odpowiedzieć na większość napotkanych problemów.

Najpierw oczywiście polecam spróbować: https://pypi.python.org/pypi/b2tob3/0.4, ale to nie odpowiada na moje potrzeby, rozwidliłem tę wersję i dostosowałem własną, aby móc migrować razem Bootstrap 2 do 3 i Font Awesome 3 do 4 razem, niektóre przypadki, które nie są traktowane w b23tob3-v0.4 (oryginalna), są próbowane w mojej wersji.

Przeczytaj mój post tutaj: http://ask.osify.com/qa/589 Znajdź moją aktualizację na github: https://github.com/metrey/b2tob3 Możesz tam również znaleźć skompilowaną aplikację Windows do natychmiastowego użycia .

ZAWSZE twórz kopie zapasowe plików i przekazuj wszystko do kontroli źródła przed użyciem narzędzia.

Powodzenia i podziel się swoimi przemyśleniami.

Osify
źródło