大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 字体真棒图标 – 一些显示,一些不显示,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
话虽这么说,这就是我将Font Awesome图标编码到我的页面中的方式(相当简单):
<div class="container"> <ul> <li><a href="#"><i class="icon-twitter"></i></a></li> <li><a href="#"><i class="icon-facebook"></i></a></li> <li><a href="#"><i class="icon-youtube"></i></a></li> <li><a href="#"><i class="icon-google-plus"></i></a></li> <li><a href="#"><i class="icon-pinterest"></i></a></li> </ul> </div>
这是CSS(再次,相当简单):
/* ---------- Social Media ----------*/ .custom_socialMedia ul{ margin: 0; padding: 0; list-style-type: none; text-align: center; } .custom_socialMedia li{ font-size:2.5em; display:inline; } .custom_socialMedia .container{ width:100%; margin: 0 auto; } .custom_socialMedia p{ font-family:'Yanone Kaffeesatz',Helvetica,Arial,sans-serif; font-weight: 200; color:#F47820; font-size:1.5em; text-align:center; } .custom_socialMedia a { color: #999; text-decoration: none; } .custom_socialMedia a:hover { color: #666; } .custom_socialMedia i { width: 1em; height: 1em; cursor: pointer; padding:0em 1em; }
由于这是我的第一篇文章,我无法发布图片,但youtube图标没有显示,但其他四个在Firefox,Chrome& IE,完全符合预期.
我希望有人对此有解释.
以上是大佬教程为你收集整理的twitter-bootstrap – 字体真棒图标 – 一些显示,一些不显示全部内容,希望文章能够帮你解决twitter-bootstrap – 字体真棒图标 – 一些显示,一些不显示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。