Twitter的Bootstrap 3与ShareThis小部件

Question

bootstrap3看起来像sharethis app小部件存在兼容性问题...由于使用了

{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 看演示 http://gurroladesign.com/bootstrap3/

在先前版本的bootstrap上兼容性问题不存在 http://gurroladesign.com/bootstrap/starter-template.html

一直无法解决？任何帮助非常感谢

Answer 1

将代码(span标签)包装在容器中,并将css box-sizing属性重置content-box为此跨度(另请参阅:Twitter的Bootstrap 3中缺少的AddThis计数器的右边界):

你的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;
}