Оновлення Bootstrap до версії 3 - що мені робити?

102

Я новачок у Bootstrap і маю старішу версію 2.3.2.

Версія 3 випущена. Чи просто я замінюю файли CSS та Javascript, якщо хочу використовувати останню версію?

twitter-bootstrap  twitter-bootstrap-3 
— Генрі
джерело
Ви можете прочитати зміни та переконатися, що вони не порушують нічого, що у вас вже є, але так просто замініть файли
— Patsy Issa
Так, я просто хочу переконатися, що я роблю це правильно. Я думаю, що Bootstrap - це найкраще, що коли-небудь - його дивовижне. Я прагну використовувати наступну версію. Я впевнений, що десь читав, що використання може використовувати .less для управління оновленнями, але я, мабуть, помиляюся з цим.
— Генрі
1
можливий дублікат написання завантажувального
— каналу
Зауважте, що хоча документи говорять, що все є "текучим" у 3.0, він все ще використовує фіксовану ширину пікселів для контейнерів ... що таке німе, оскільки це прямо протилежне розташуванню рідини.
— Серін

Відповіді:

134

  1. Завантажте останню версію з http://getbootstrap.com/ АБО Замініть файли css та js на новіші версії або використовуйте CDN ( http://www.bootstrapcdn.com/ )

  2. Перемістіть свій html, так дійсно читайте http://bootply.com/bootstrap-3-migration-guide . Ви можете спробувати http://twitterbootstrapmigrator.w3masters.nl/ або http://code.divshot.com/bootstrap3_upgrader/ (також надайте контрольний список)

  3. видаліть html5shiv, тому TB падає підтримка IE7 та Firefox 3.x, додайте html5shiv.js, щоб додати підтримку елементів HTML5 до IE8

  4. додайте respo.js ( https://github.com/scottjehl/Respond ) для підтримки медіа-запитів у IE. ПРИМІТКА. Це не працюватиме з CDN, див. Випуск IE8 у Twitter Bootstrap 3

  5. Якщо ви використовуєте Glyphicons, вам доведеться додати їх з http://glyphicons.getbootstrap.com/ (піктограми переміщені до окремого сховища.) Glyphicons повернувся з RC2 (180 гліфів у форматі шрифту з набору Glyphicon Halflings)

  6. Якщо ви використовуєте компонент Javascript Typeahead, вам доведеться інтегрувати https://github.com/twitter/typeahead.js/ (тому що JavaScript typeahead відключений) Дивіться також: Проблеми Typeahead з Bootstrap 3.0 RC1 або використовувати плагін "старий" : https://github.com/bassjobsen/Bootstrap-3-Typeahead , дивіться також: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. Перейдіть на останню версію jQuery 1.x (не використовуйте версію 2.x, оскільки jQuery 2.x не підтримує IE8)

  8. Якщо ви використовуєте віджети сторонніх розробників, які додають або вставляють html у ваш код (наприклад, addthis.com, sharethis.com та карти Google), створіть обгортку для розміру коробки, див.: Правий кордон лічильника AddThis відсутній у завантажувальному пристрої Twitter 3

Інший:

Bootstrap 3 переключиться на розмір коробки: border-box why ?: https://stackoverflow.com/a/18858771/1596547

Примітка, підтримка IE7 відмовилася. https://github.com/coliff/bootstrap-ie7 спробуйте додати частину css назад за допомогою деяких умовних CSS.

— Bass Jobsen
джерело
Це звучить як величезне починання. Скільки часу це повинно зайняти? 1 тиждень роботи? 1 місяць? 6 місяців?
— Керт
проблема полягає в тому, що BS2 не відповідає сумісності з BS3, див. також bassjobsen.weblogs.fm/…
— Bass Jobsen
1
Якби мені довелося здогадуватися, я б сказав, що на оновлення може знадобитися кілька місяців. Жорстокі.
— Curt
@Curt відправте мені електронний лист. Може я можу вам допомогти?
— Bass Jobsen
Як я надішлю вам електронний лист? Через вашу ручку Twitter? Я прочитав трохи більше v3 і, схоже, це головним чином, щоб додати підтримку для старих телефонів. Якщо так, я не думаю, що мені потрібен v3.
— Керт
22

Оновлено 2018 рік

Завантаження 3 - 4

Інструмент оновлення Bootstrap 4 (це допоможе перейти з Bootstrap 3 на 4)

Завантаження 2 до 3

Кандидат у випуск (не остаточний реліз 3) для Bootstap 3 RC 1 був оголошений у п'ятницю (26 липня 2013 р.), Тому офіційних вказівок щодо міграції ще немає.

У Bootstrap 3. є основні зміни. Немає зворотної сумісності з 2.x, тому ви не можете просто замінити файли. Однак ви можете знайти корисні вказівки тут у Bootply:

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

Також у роботах є інструмент міграції Bootstrap: https://github.com/iatek/bootstrap-migrate

Інструмент оновлення Bootstrap 2.x до 3: http://upgrade-bootstrap.bootply.com/v3

— Зім
джерело
1
Привітання з майбутнім! Ось інструмент Bootstrap 4: upgrade-bootstrap.bootply.com
— Zim
14

майже неможливо перейти з завантажувальної версії 2.3 до 3.0. зміна версії дуже різка. Я спробував оновити свій проект zend Framework 2 за допомогою bootstrap 3.0, і результати були безладдями (як спроба відкрити за допомогою IE 5).

Моя порада: старий проект, що використовує bootstrap 2.X, нехай з bootstrap 2.x. Новий стартовий проект, почніть з 3.0.

На мою думку, така зміна версії була дуже великою помилкою з боку команди завантаження. Вони повинні були робити поступове оновлення 2.4, 2.5, 2.6 ....

— albanx
джерело
8
Я не згоден з майже неможливим. Мігрувати цілком можливо, потрібно лише дотримуватися наданих вказівок. Дивіться посилання у вікі спільноти за посиланнями. Також після семантичних номерів версій дозволено капітальне оновлення для розриву контрактів на інтерфейс. Тож основний номер версії правильно відображає цю можливу перерву.
— Джафін
1
Мігрувати дуже важко. Я думаю, що ця порада - це чудово. Це не неможливо, але важко - нічого, як модернізація з попередніх версій 2. * до другої 2. *.
— d -_- b
Це не неможливо і набагато простіше, якщо ви можете шукати / замінювати такі шаблони span12.
— тадман
3
Я можу переконатися, що я зробив усі можливі заміни, навіть на окремих css, де я переосмислював тему за замовчуванням boostrap, і в коді, але я не отримав хорошого результату. Не думайте лише про span12, подумайте про всі проміжки *, усі навігації, таблиці та інше, подумайте про сильне глибоке використання завантажувального
— пристрою
Bootstrap (як і багато веб-фреймворків) слідує за семантичною версією , отже, зміна від 2. * до 3 вносить несумісні зміни API.
— Джейк Бергер
0

Якщо у вас є велика програма з великою кількістю файлів з великою кількістю налаштувань, кожен окремий інструмент, ймовірно, не зможе відповісти на більшість випадків, з якими ви стикаєтеся.

Спочатку, звичайно, рекомендую спробувати: https://pypi.python.org/pypi/b2tob3/0.4 але це не відповість на мою потребу, я розіслав цю версію та адаптував власну, щоб мати змогу мігрувати разом Bootstrap 2-3 та Font Awesome 3 - 4 разом, деякі випадки, які не стосуються b23tob3-v0.4 (оригінальний), намагаються розглянути у моїй версії.

Прочитайте мою публікацію тут: http://ask.osify.com/qa/589 Знайдіть моє оновлення в github: https://github.com/metrey/b2tob3 Ви також можете знайти там скомпільовану програму Windows, а також відразу використовувати її. .

ЗАВЖДИ створюйте резервні копії своїх файлів і виконайте все, щоб контролювати джерело, перш ніж використовувати інструмент.

Успіхів і поділіться своїм хоч.

— Осифікувати
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.