sharethis - Twitter 的 Bootstrap 3 与 ShareThis 小部件

Question

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

{ -webkit-box-sizing：边框框；-moz-box-sizing：边框框；box-sizing：边框框；} 见演示 http://gurroladesign.com/bootstrap3/

以前版本的引导程序http://gurroladesign.com/bootstrap/starter-template.html上不存在兼容问题

有没有能够解决？非常感谢任何帮助

Answer 1

将您的代码（跨度标签）包装在一个容器中，并将 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;
}