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

大佬总结

以上是大佬教程为你收集整理的css3 – 在Twitter的Bootstrap 3中缺少AddThis计数器的右边界全部内容,希望文章能够帮你解决css3 – 在Twitter的Bootstrap 3中缺少AddThis计数器的右边界所遇到的程序开发问题。

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

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