Обновление Bootstrap до версии 3 - что мне делать?

102

Я новичок в Bootstrap и имею более старую версию 2.3.2.

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

twitter-bootstrap  twitter-bootstrap-3 
— Генри
источник
Возможно, вы захотите ознакомиться с изменениями и убедиться, что они не сломают то, что у вас уже есть, но да, просто замените файлы
— Пэтси Исса
Да, я просто хочу убедиться, что делаю это правильно. Я думаю, что Bootstrap был лучшим из когда-либо существовавших - это потрясающе. Я очень хочу использовать следующую версию. Я уверен, что где-то читал, что использование может использовать .less для управления обновлениями, но я, вероятно, ошибаюсь.
— Генри
1
— Басс Джобсен,
Обратите внимание, что даже несмотря на то, что в документации говорится, что в 3.0 все "плавно", для контейнеров по-прежнему используется фиксированная ширина в пикселях ... что отчасти глупо, поскольку это полная противоположность гибкому макету.
— Cerin 03

Ответы:

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. добавьте response.js ( https://github.com/scottjehl/Respond ) для поддержки медиа-запросов в IE. ПРИМЕЧАНИЕ, это не будет работать с CDN, см. Проблема IE8 с Twitter Bootstrap 3.

  5. Если вы используете Glyphicons, вам нужно будет добавить их с http://glyphicons.getbootstrap.com/ (значки были перемещены в отдельный репозиторий). Глификоны вернулись с 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 Bootstrap 3

Другой:

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

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

— Басс Джобсен
источник
Звучит как грандиозное предприятие. Как долго это должно продолжаться? 1 неделя работы? 1 месяц? 6 месяцев?
— Курт
проблема в том, что BS2 не имеет обратной совместимости с BS3, см. также bassjobsen.weblogs.fm/…
— Басс Джобсен
1
Если бы мне пришлось угадывать, я бы сказал, что обновление может занять несколько месяцев. Жестокий.
— Курт
@Curt, пришлите мне электронное письмо. Возможно, я могу помочь тебе?
— Басс Джобсен
Как мне послать вам электронное письмо? Через ваш Твиттер? Я прочитал еще немного о 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
— Зим
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
Я не согласен с почти невозможным. Перенести вполне возможно, вам просто нужно следовать предоставленным инструкциям. Ссылки см. В вики-сообщении сообщества. Также после номеров семантических версий разрешено крупное обновление, нарушающее контракты интерфейса. Таким образом, основной номер версии правильно представляет этот возможный разрыв.
— Jafin 01
1
Перенести очень сложно. Я считаю, что это отличный совет. Это не невозможно, но сложно - нет ничего лучше, чем обновление с более ранних версий 2. * до другой 2. *.
— d -_- b
Это возможно и станет намного проще, если вы сможете искать / заменять шаблоны вроде span12.
— tadman
3
Уверяю вас, что я сделал все возможные замены, даже в отдельном CSS, где я переопределяю тему по умолчанию boostrap, и в коде, но я не получил хорошего результата. Не думайте только о span12, думайте обо всех span *, всех navs, таблицах и многом другом, думайте о интенсивном и глубоком использовании bootstrap
— albanx
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.