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（另请参见：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;
}