改变大小的字形

Question

我正在尝试在网页上排列一些字形图标，这些字形图标最终会在单击时包含链接。我希望它们在光标触摸时改变颜色，但无法弄清楚为什么在我目前的尝试中它们的大小似乎都发生了如此大的变化。 （我不介意他们稍微改变尺寸）。请参阅 fiddle。 http://www.bootply.com/Z8TAzgPwLb

Answer 1

通过添加 padding，您将修改处于悬停状态的元素的大小。通过设置其相对位置来更正偏移量：

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

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