css3 – 在Twitter的Bootstrap 3中缺少AddThis计数器的右边界

当使用Twitter的Bootstrap 3中的 http://www.addthis.com/的默认代码时,计数器的右边框丢失：

解决方法

Twitter的Bootstrap 3使用CSS的通用选择器将Box-sizing(参见： https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing)设置为border-Box.这将是保存因为IE7的支持已被删除.此选择器会中断AddThis计数器.

计数器由以下设置：< a class =“addthis_counter addthis_bubble_style”>< / a>.

解：
重置.addthis_counter类的大小调整大小.在bootstrap css之后添加以下代码：

.addthis_counter
{
  -webkit-Box-sizing: content-Box;
     -moz-Box-sizing: content-Box;
      Box-sizing: content-Box;
}

或更少：

.addthis_counter,.addthis_counter * { .Box-sizing(content-Box); }

另见：http://getbootstrap.com/getting-started/#third-parties和Why did Bootstrap 3 switch to box-sizing: border-box?