Glyphicons改变大小

Question

我试图在网页上安排一些字形，这些字形最终会在点击时包含链接。我希望它们在光标接触时改变颜色，但无法弄清楚为什么在我目前的尝试中它们似乎都变得如此大。 （我不介意他们改变一点尺寸）。请看小提琴。 http://www.bootply.com/Z8TAzgPwLb

Answer 1

通过添加padding，您正在修改悬停状态中元素的大小。通过设置其相对位置来纠正偏移：

#glyphicon:hover, .glyphicon:focus {
    color: #FFFFFF;
    background-color: #808080;
    padding: 20px;
    position:relative;
    top:-20px;
}

这应该让你去。您仍然需要更正<h4>元素的位置，与上述元素并行。