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

102

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

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

twitter-bootstrap twitter-bootstrap-3 Генри
источник
Возможно, вы захотите ознакомиться с изменениями и убедиться, что они не сломают то, что у вас уже есть, но да, просто замените файлы
Пэтси Исса
Да, я просто хочу убедиться, что делаю это правильно. Я думаю, что Bootstrap был лучшим из когда-либо существовавших - это потрясающе. Я очень хочу использовать следующую версию. Я уверен, что где-то читал, что использование может использовать .less для управления обновлениями, но я, вероятно, ошибаюсь.
Генри
1
возможный дубликат Writing Twitter Bootstrap с учетом обновления до v3
Басс Джобсен,
Обратите внимание, что даже несмотря на то, что в документации говорится, что в 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

Не уверен, но используйте это расширение-заменитель joomla

обратитесь по этой ссылке,

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

в противном случае переопределение шаблона - единственный способ сделать это.

Кумар Рамалингам
источник
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 там, чтобы сразу использовать .

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

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

Осифы
источник