2013-05-21 21 views
3

在以下网页正在建设中,你会看到在顶部旁边的公司名称的白色盒子留下here如何在我的twitter-bootstrap网站中减小我的fontawesome glyph图标的大小而不会搞乱对齐?

这是一个基于Twitter的引导网站,并从FontAwesome白盒“字形图标” 。我似乎无法减小白盒的尺寸(可能有25%左右是可取的),而不会使图标与公司名称不一致。您能否在网站上“查看源代码”并查看您是否能够确定正确的代码更改?

回答

5

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

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

。它会将fontawesome图标与品牌名称的基线对齐。希望它有助于解决您所面临的问题。

+0

非常有帮助。谢谢你,先生。 – vt97john

+2

尝试'.fa-wordpress { color:#464646; font-size:2em; }'更多检查[this](http://stackoverflow.com/questions/12272372/how-to-style-icon-color-size-and-shadow-of-font-awesome-icons) – stom

相关问题