Twitter的Bootstrap 3与ShareThis小部件

发布时间：2020-12-18 00:25:24 所属栏目：安全来源：网络整理

导读：bootstrap3看起来像共享这个应用程序小部件有一个兼容性问题…由于使用的图像看起来裁剪 {-webkit-box-sizing：border-box; -moz-box-sizing：border-box;盒子大小：边框; } 见演示 http://gurroladesign.com/bootstrap3/ 兼容性问题在以前版本的bootstrap中

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!