0

Верстаю по сетке бутстрап, есть ряд товаров, каждый обернут в .col-md-2 , нужно чтобы при наведении на один из товаров, его родительский блок .col-md-2 был без отступа. Как это сделать? Скрин ниже.

введите сюда описание изображения

3 ответа 3

1

Вы используете borderпри наведении на элемент, и вы хотите компенсировать это, убрав отступы у соседних элементов.

А можно просто использовать box-shadow вместо border:

.someBlock:hover {
  box-shadow: inset 0 0 1px 3px orange;
}

Пример: Fiddle

0
.product:hover {
  margin: 0;
}
-1
$('#объект_на_который_наводишь').on('mouseover',function(){$(this).parent().css('margin','0');}
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.