html - 如何在不弄乱对齐方式的情况下减小我的 Twitter-bootstrap 站点中的 fontawesome 字形图标的大小？

Question

在下面正在 build 中的网页上，您会在左上角的公司名称旁边看到一个白框here

这是一个基于 twitter-bootstrap 的站点和来自 FontAwesome 的白框“字形图标”。我似乎无法在图标不与公司名称对齐的情况下减小白框的大小(可能需要 25% 左右)。您能否在网站上“查看源代码”，看看您是否能够确定正确的代码更改？

Answer 1

这是您的问题的解决方案。添加 line-height: 28px; 并将 padding-top 更改为 8px 到 custom.css 文件中的 .navbar .brand 类。然后添加如下css

.navbar .brand .icon-sign-blank
{
font-size: 75%;
padding-bottom: 4px;
display: inline-table;
vertical-align: bottom;
}

在 custom.css 文件中。它将 fontawesome 图标与品牌名称的基线对齐。希望它有助于解决您面临的问题。