Twitter的Bootstrap 3与ShareThis小部件

前端之家收集整理的这篇文章主要介绍了Twitter的Bootstrap 3与ShareThis小部件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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;
}
原文链接:https://www.f2er.com/bootstrap/233737.html

猜你在找的Bootstrap相关文章