2013-07-31 5 views
102

Я новичок в Bootstrap и имею более старую версию 2.3.2.Обновление Bootstrap до версии 3 - что мне делать?

Версия 3 была выпущена. Я просто просто заменю файлы CSS и Javascript, если я хочу использовать последнюю версию?

+0

Возможно, вы захотите ознакомиться с изменениями и убедиться, что они не сломают ничего, что у вас уже есть, но да, просто замените файлы –

+0

Да, я просто хочу убедиться, что я делаю это правильно. Я думаю, что Bootstrap был лучшим из когда-либо - его удивительным. Я хочу использовать следующую версию. Я уверен, что я где-то читал, что использование может использовать .less для управления обновлениями, но я, вероятно, ошибаюсь. – henry

+1

Возможный дубликат [Написание загрузочного лотка Twitter с обновлением до версии v3] (http://stackoverflow.com/questions/17797017/writing-twitters-bootstrap-with-upgrading-to-v3-in-mind) –

ответ

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 вызывают туберкулез капель поддержки IE7 и Firefox 3.x добавить html5shiv .js добавить поддержку элементов HTML5 в IE8

  4. add response.js (https://github.com/scottjehl/Respond) для поддержки медиа-запросов в IE. Обратите внимание, это не будет работать с CDN, см: IE8 issue with Twitter Bootstrap 3

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

  6. Если вы используете компонент Javascript машинописного, вам придется интегрировать https://github.com/twitter/typeahead.js/ (причину машинописного Javascript опускает) Смотрите также: Typeahead problems with Bootstrap 3.0 RC1 Или использовать «старый» плагин: https://github.com/bassjobsen/Bootstrap-3-Typeahead, см. также: https://stackoverflow.com/questions/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

  7. Перейти к последней версии (не используйте версию 2.x, вызывающую jQuery 2.x не поддерживают IE8)

  8. Если вы используете сторонние виджеты, которые добавляют или вставляют html в ваш код (например, addthis.com, sharethis.com и карты Google), создайте обертку для выбора размера окна, см. : Right border of the AddThis counter missing with Twitter's Bootstrap 3

Другое:

Bootstrap 3 переключатель боксировать-проклейки: пограничный ящик почему ?: https://stackoverflow.com/a/18858771/1596547

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

+0

Это звучит как огромное начинание. Как долго это займет? 1 неделя работы? 1 месяц? 6 месяцев? – Curt

+0

проблема заключается в том, что BS2 не обратно совместим с BS3, см. Также http://bassjobsen.weblogs.fm/its-a-shame-the-newest-version-of-githubs-most-popular-projects-is-not -backward-compatible/ –

+1

Если бы мне пришлось угадать, я бы сказал, что для обновления может потребоваться несколько месяцев. Brutal. – Curt

22

В пятницу (26 июля 2013 года) был объявлен кандидат на освобождение (а не окончательный выпуск 3) для Bootstap 3 RC 1, поэтому официальных инструкций по миграции пока нет.

Есть серьезные изменения для 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

Новое обновление ..

Bootstrap 4 upgrade tool (это будет мигрировать Bootstrap 3 до 4)

+1

Поздравления с будущего! Вот инструмент Bootstrap 4: http://upgrade-bootstrap.bootply.com – ZimSystem

12

почти невозможно перенести с бутстрапа 2,3 до 3,0. изменение версии очень радикально. Я попытался обновить проект zend framework 2 с помощью bootstrap 3.0, и результаты были беспорядочными (например, попытка открыть с IE 5).

Мой совет: старый проект с использованием бутстрапа 2.X let with bootstrap 2.x. Новый стартовый проект, начиная с 3,0.

На мой взгляд, такое изменение версии было очень большой ошибкой команды бутстрапа. Они должны были сделать постепенное обновление 2.4, 2.5, 2.6 ....

+8

Я не согласен с почти невозможным. Можно полностью мигрировать, вам просто нужно следовать приведенным инструкциям. См. Публикацию wiki сообщества для ссылок. Кроме того, после семантических номеров версий, основное обновление позволяет разорвать контракты на интерфейс. Таким образом, основной номер версии правильно отражает этот возможный разрыв. – Jafin

+1

Очень сложно мигрировать. Я думаю, что это совет. Это не невозможно, но сложно - ничего подобного, как обновление от более ранних версий 2. * до другого 2. *. –

+0

Это не невозможно и значительно облегчилось, если вы можете искать/заменять шаблоны, такие как 'span12'. – tadman

0

Это не уверен, но использовать этот rereplacer расширение JOOMLA

сослаться на эту ссылку,

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

иначе, замещающие шаблоны являются единственным способом сделать это ,

0

Если у Вас есть большое приложение с большим количеством файлов с большим количеством настройки, каждый инструмент, вероятно, что не мог ответить на большинство случаев, с которыми вы столкнулись.

Во-первых, я рекомендую попробовать: https://pypi.python.org/pypi/b2tob3/0.4, но это не ответит на мою потребность, я разветвил эту версию и адаптировал свой собственный, чтобы иметь возможность мигрировать вместе с Bootstrap 2 to 3 и шрифтом Awesome 3 to 4 вместе, некоторые случаи, которые не рассматриваются в b23tob3-v0.4 (оригинальные), пытаются обрабатывать в моей версии.

Читайте мой пост здесь: http://ask.osify.com/qa/589 Найти мои обновления в GitHub: https://github.com/metrey/b2tob3 Вы также можете найти скомпилированные приложения Windows, там также использовать сразу же.

ВСЕГДА создайте резервные копии файлов и передайте все в исходное состояние перед использованием инструмента.

Удачи и поделитесь своим, хотя.

Смежные вопросы