当使用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?