Каков наиболее эффективный способ переопределить Bootstrap css?

Question

Я использую Opencart для сайта электронной коммерции для своей компании. Разработчик Opencart работает над версией V2.0, которая будет включать Bootstrap в качестве стиля по умолчанию.

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

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/bootstrap.css" /> 
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/override.css" /> 

Я собирался использовать МЕНЬШЕ компилировать в override.css и изменить только небольшой части Bootstrap меньше, чтобы удовлетворить мои потребности. Например, я планировал включать только переменные. Без начальной загрузки вместе с buttons.less и layout.less. Я бы скомпилировал эти измененные файлы в override.css, чтобы получить мои персонализированные стили. Тем не менее, чем больше я думаю об этом, я понимаю, что мне нужно включить все LESS из Bootstrap. Это сделало бы мой override.css по существу таким же, как bootstrap.css (за исключением изменений, которые я делаю для моего стиля).

Это по существу поражает цель переопределения. Есть ли способ не включать ВСЕ загрузчик меньше, просто части, которые я хочу в переопределении?

Люди могут задаваться вопросом, почему я не просто модифицирую файл bootstrap.css. Моя мысль заключается в том, что если я изменю файл bootstrap.css, все мои изменения будут перезаписаны, если я перейду к обновлению (или если разработчик Opencart обновит) в будущем.

Любые советы очень ценятся!

Спасибо!

DS-MATT

Answer 1

Почему вы не держать overwrite.css к себе, представляя скомпилирован bootstrap.css + override.css для конечного пользователя? Таким образом, вы можете легко обновить свой bootstrap.css в будущем и легко сохранить сами переопределения.