Как использовать префикс Bootstrap 4 class, чтобы избежать конфликта классов css - PullRequest
0 голосов
/ 17 июня 2019

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

Чтобы избежать конфликта «ЛЮБОЙ МОМЕНТ или ШАНС», я хочу поставить перед всеми классами Bootstrap CSS префикс - скажем, префикс «year19-». Так, например, все классы теперь будут иметь год-19-год, а все классы .btn станут .year19-btn, .year19-btn-primary и т. Д. Я знаю, что если я буду использовать тему sass, новые классы, то мы сможем обойти это, поскольку мы можем создавать свои собственные префиксы, используя подход с темами, но JS все равно останется источником конфликта, если две версии одной и той же платформы живут на та же страница. Был проект Github для Bootstrap 3 с функцией пространств имен, где вы могли просто добавить свой префикс в переменную пространства имен, а затем скомпилировать весь код в пакет CSS и JS. Bootstrap 4, похоже, еще не имеет этого пакета.

Кроме того, я не хочу оборачивать проект классом css. Такой подход хорош для некоторых вещей, но не правильный подход. Я бы даже не назвал это пространство имен. Это просто упаковка классов.

year19-btn-primary { тогда это был бы тот код, который уже существовал там раньше, не затрагивался.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...