Как сделать hover эффект в Bootstrap 3 для изображения?
Как сделать hover эффект в Bootstrap. А именно чтобы при поднесении курсора к изображению, оно синело, и поверх него появлялась лупа. Т.е. подобно тому, как это изображено на рисунке.


Изображения:
itchief.ru/assets/uploadify/a/0/7/a07291c27f64812270e65877a367dc63.png
Т.е. когда элемент не имеет hover эффект, то так:
После того как к нему поднесли курсор и появилась подменю, то так:
Обычно показ dropdown меню осуществляется кодом, приведённым ниже и hover эффект при этом не исчезает:
HTML-разметка:
CSS-стили: