Переопределить цветовые карты CDN в Bootstrap 4
Есть ли способ отключить, переписать или переопределить цветовые темы при загрузке с cdn в Bootstrap 4?
По сути, я должен был видеть элементы в моем html, такие как <span class = "btn btn-primary">My RED Button</span>
map-remove не будет работать, так как $ theme-colors мне недоступны. Это в источнике CDN:
$theme-colors: map-remove($theme-colors, "success", "info", "danger", "primary");
Я могу использовать $primary: red !default;, но это повлияет только на классы, которые я создаю самостоятельно.
Добавление $theme-colors (primary: red) !default с! Default также не имеет никакого эффекта.
Есть обсуждение этого, но, насколько я понял, он не относится к начальной загрузке, загружаемой из CDN.
Я действительно предпочитаю не переопределять каждый класс начальной загрузки, просто чтобы получить правильные цвета, и я действительно предпочитаю не загружать загрузку локально.
Вы используете компилятор SASS ... или хотите использовать только CSS?
Этот отвечать объясняет, как переопределить основной цвет темы с помощью SASS. Таким образом, вы можете ссылаться на bootstrap.min.css на CDN и следовать за ним с помощью настраиваемого theme.css, скомпилированного с использованием SASS, как описано в другом отвечать.
@ZimSystem, что вы имеете в виду под "ссылкой bootstrap.min.css на CDN"? Вы можете дать развернутый ответ, объяснив свое решение?
Ответы 1
Если кто-то не верит, что есть способ, ответ на мой вопрос после того, как я посмотрел на него некоторое время, таков: загрузка начальной загрузки из CDN загружает скомпилированный CSS, и нет возможности переопределить значения, которые в противном случае должны быть скомпилированы sass, и тем самым переопределить Цвета начальной загрузки. Единственное решение - загрузить его локально с помощью sass или создать классы переопределения для каждого элемента, который вы хотите переопределить.
Одно замечание для тех, кто думает о переопределении - вы можете загрузить исходные файлы исходного кода начальной загрузки и скопировать миксины и сопоставление элементов вместо переопределения с помощью скомпилированного кода, если вы используете sass.
Вы не можете использовать SCSS, но вы можете переопределить некоторые цвета с помощью собственного CSS.