@lolaevv
В процессе изучения азов JAVA

Как переопределить стили bootstrap?

Вопрос собственно говоря в заголовке. У меня не получается адекватно переопределить Bootstrap классы. Переопределить получается только в 2 случаях:

1. Я приписываю правилу так называемый: !important.

2. Или же я задаю конкретному элементу уникальный идентификатор, но это крайне нерационально, ведь этот функционал должны реализовывать классы.

Еще такой момент, когда у меня всё же получается реализовать переопределение определенных свойств элемента(например: цвет), то потом уже перестают работать другие css свойства, например: hover.

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

Пытался по-понятней объяснить. Надеюсь получилось.
  • Вопрос задан
  • 140 просмотров
Решения вопроса 2
sharomet
@sharomet
Front-End
Вам нужно делать изменения в scss.
Файл variables.scss содержит много интересного)
https://github.com/twbs/bootstrap/archive/v4.4.1.zip
Ответ написан
@hasalex
разработчик
просто создаешь свой класс с нужными свойствами и прописываешь. Только учти, приоритет наследования задается не только "более поздним" переопределением класса.

например: .container > .button будет всегда иметь больший вес, чем просто .button, в каком бы порядке ты их не определял. Почитай про вес классов.
Соотв. чтобы заработало переопределение, нажимаешь F12 и смотришь, как задан стиль для нужного тебе объекта. Задаешь своему классу аналогичный вес и все работает.
Вот пример, каждый из переопределенных вариантов работает. Или же, если позволяет ситуация, можно в классах не указывать какой-то из бутстраповских классов, чтобы уменьшить стандартный вес

https://jsfiddle.net/hasalex/dtgwxs07/11/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы