bootstrap3看起来像共享这个应用程序小部件有一个兼容性问题…由于使用的图像看起来裁剪
{-webkit-Box-sizing:border-Box; -moz-Box-sizing:border-Box;盒子大小:边框; }
见演示
http://gurroladesign.com/bootstrap3/
兼容性问题在以前版本的bootstrap中不存在
http://gurroladesign.com/bootstrap/starter-template.html
还没有解决?任何帮助非常感激
解决方法
将您的代码(span标签)包装在容器中,并将css Box-sizing属性重置为此span的内容框(另请参阅:
Right border of the AddThis counter missing with Twitter’s Bootstrap 3):
你的html:
<div id="sharethis"> <span class='st_sharethis_hcount' displayText='ShareThis'></span> <span class='st_facebook_hcount' displayText='Facebook'></span> <span class='st_twitter_hcount' displayText='Tweet'></span> <span class='st_linkedin_hcount' displayText='LinkedIn'></span> <span class='st_pinterest_hcount' displayText='Pinterest'></span> <span class='st_email_hcount' displayText='Email'></span> </div>
css(在Bootstrap之后添加CSS):
#sharethis span { -webkit-Box-sizing: content-Box; -moz-Box-sizing: content-Box; Box-sizing: content-Box; }