带有ShareThis小部件的Twitter的Bootstrap 3 [英] Twitter's Bootstrap 3 with ShareThis widget

问题描述

bootstrap3似乎与sharethis应用小部件存在兼容性问题...由于使用

bootstrap3 looks like there is a compatibility issue with the sharethis app widgets... images looked cropped due to the use of

{-webkit-box-sizing:border-box; -moz-box-sizing:边框框；框大小:border-box； } 观看演示 http://gurroladesign.com/bootstrap3/

{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } see demo http://gurroladesign.com/bootstrap3/

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

compatibily issue not existant on previous version of bootstrap http://gurroladesign.com/bootstrap/starter-template.html

无法解决?任何帮助表示赞赏

have not been able to solve? any help greatly appreciated

推荐答案

将您的代码(span标签)包装在容器中，并将css box-sizing属性重置为此范围的content-box(另请参见:Twitter的Bootstrap 3缺少AddThis计数器的右边框 ):

Wrap your code (span tags) in a container and reset css box-sizing property to content-box of this spans (see also: 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之后添加):

css (add after the Bootstrap CSS):

#sharethis span
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

这篇关于带有ShareThis小部件的Twitter的Bootstrap 3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！