Как решить проблему с свойством border при наведении?

Question

[Максим Ахмеров]

При наведении на лишки в nav баре(от бутстрапа) сделал свойство, что у блока появляется нижняя рамка, однако она увеличивает размер всего блока, что неправильно, как решить эту проблему без задания фиксированной высоты блока?
Свойство box-sizing:border-box не работает, лишкам задавал, не помогло

Comments

[Алексей Орлов]

Залейте кoд на codepen.

Answer 1

[Алексей Скляров]

Либо всем плашкам обычным задаете: border-bottom: 1px solid transparent;, а при наведении меняете transparent на цвет, либо добавляете просто через :before,:after полоску снизу.

Answer 2

[Сергей]

Делается просто и разными способами можно: примеры
Не забываем про префиксы.