Преобразование в бутстрап для существующего веб-приложения

Question

Я искал преобразование существующего веб-приложения, которое использует специально созданный css без руководства по стилю в использовании начальной загрузки. В веб-приложении используется система шаблонов, которая позволяет мне легко создать шаблон прототипа, который использовал бутстрап. Тем не менее, многие страницы сайта ломаются/имеют css-конфликты при использовании шаблона начальной загрузки. Для тех, кто успешно выполнил загрузку в ваши приложения, как вы это сделали?

Я хотел бы медленно интегрировать шаблон начальной загрузки в сайт в течение нескольких месяцев с инкрементной интеграцией и развертыванием. Является ли это разумным или вы считаете, что для этого нужен подход «все или ничего»?

Спасибо!

Answer 1

Twitter самонастройки существующий сайт требует выполнить следующие действия:

1. изменения HTML, структурировать CSS на пути Bootstrap в ней нуждается, чтобы быть
2. добавить файл начальной загрузки CSS (и JS файл тоже)
3. удалить большую часть пользовательского CSS (оставляя только очень специфические определения CSS)

не требует все или ничего подход, если вы разбираетесь в манипулировании boostra p, чтобы выглядеть как ваш старый дизайн, иначе, да, вы должны сделать большую часть его, прежде чем выпускать его в производство.

Answer 2

Я использую базу Bootstrap Twitter с локальными переопределениями.

Я использую индивидуальный LESS implementation of Bootstrap 3, следуя этому Smashing Magazine article, чтобы соответствовать существующим стилям, а также возможно. Это позволяет легко модернизировать Bootstrap, сохраняя ваши настройки. Итак, у меня есть все основания font-size и border-radius и т.п. соответствие.

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

Основная проблема - убедиться, что сетка соответствует.

Со временем я удаляю разделы старой таблицы стилей и просто оставляю настроенный бутстрап.