Как внедрять Bootstrap 4.0 в проект 2003 «постепенно»?

Question

[Greg Popov]

Есть старый проектик, в него нужно "модульно" впиливать бутстрап 4.0.

Вариант переверстать все сразу не подходит, вариант не привязывать тоже.

Как можно инжектить его на определенные куски приложения (в духе айфреймов, но желательно без них) чтобы в конце-концов безболезненно перейти на новые и свежие стили? Может быть что-то в духе Jquery.noConflict подхода есть?

Comments

[sim3x]

Какой препроцесор использовали?

[Greg Popov]

sim3x, sass, less, уже собираю модулями, эксперементирую

Answer 1

[Denis]

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

Answer 2

[Максим Тимофеев]

нельзя подключить стили и повлиять только на часть кода. Только если ко всем селекторам bootstrap добавить класс, но там будут html и body, которые в любом случае общие. Так что никак.
Качайте на локалку, подключайте Bootstrap, устраняйте проблемы, а потом постепенно переписывайте.

Вариант переверстать все сразу не подходит, вариант не привязывать тоже.

Чудес не бывает. Только разве что для разных страниц. Там подключили, тут нет и т.д. Не вижу проблемы все переверстать. Любой велосипед будет геморойнее и дольше этого.

Сам bootstrap можно просто постепенно подключать, вначале сетку, пофиксили баги, потом еще что-то (я не знаю в каком объеме он нужен Вам).

Comments

[Алексей Голягин]

Согласен, берете и делаете клон сайта на под домене к примеру, внедряете все и переносите на основной) И по поводу верстки- лучше и правильнее сделать новую!

Answer 3

[vism]

чет странные вещи советуют.
Просто создайте новый header с бутсрапом и подрубайте вместо старого на каждой странице переписывая страницу.
Так постепенно все и перепишите.

Answer 4

[Sanes]

1. Подключите стили TB в самом верху.
   
2. Постепенно внедряйте стили TB в HTML и исключайте общие правила из старого CSS.