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

前端之家收集整理的这篇文章主要介绍了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-partiesWhy did Bootstrap 3 switch to box-sizing: border-box?

猜你在找的CSS相关文章