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

Question

在以下正在建设中的网页上，您将在左上角的公司名称旁边看到一个白框

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

Answer 1

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

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

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