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

Question

在以下网页正在建设中,您将在离开前看下该公司名称的白色盒子在这里

这是一个基于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图标与品牌名称的基线对齐.希望它有助于解决您所面临的问题.