Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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;
}

大佬总结

以上是大佬教程为你收集整理的Twitter的Bootstrap 3与ShareThis小部件全部内容,希望文章能够帮你解决Twitter的Bootstrap 3与ShareThis小部件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。