Как применить hover эффект к элементу cards в bootstrap 4?

Question

[Вадим Ягофаров]

Первый проект на bootstrap 4. Не получается применить hover эффект к элементу cards в bootstrap 4. Пробовал и в отдельный div совать, и отдельный класс создавать не помогло.
Сейчас вот так

должно быть так при наведение появляется border

dev.devshift.co.uk

Comments

[Aleksei Podgaev]

я так понимаю, вопрос снимается?

[Вадим Ягофаров]

Aleksei Podgaev, ну вообще да, но то как я решил мне не нравится, кажется это костыль. Можете предложить что нибудь лучше? И вообще на будущее я решил отказать от это элемента, так было замечено что addblock блокирует фото из элемента card. Но интересно узнать как решили бы это другие.

[Aleksei Podgaev]

Вадим Ягофаров, насколько я понимаю вы добавляете border селектору :hover и это вполне логичное и правильное решение. Непонятно к чему там transition:none? Пытались это анимировать и не получилось или что? Картинка в карточке имеет в имени файла сочетание букв adv и это, я подозреваю, и является причиной блокировки картинки adBlock. Он расценивает эту картинку как advertising - рекламу. Попробуйте переименовать файлы. Чтобы AdBlock блокировал картинки в каких-то бутстраповских элементах - такого я ещё не встречал. Вообще, чтобы AdBlock точно ничего не блокировал, используйте слово benefit. ;)