AddThis计数器的右边框缺少与Twitter的Bootstrap 3 [英] Right border of the AddThis counter missing with Twitter's Bootstrap 3

问题描述

当使用）到边框。这将会导致对IE7的支持被丢弃。该选择器打破了AddThis计数器。

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

解决方案：
重置.addthis_counter类的框大小。在引导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 和为什么Bootstrap 3切换到box-sizing：border-box？

When using the default code from http://www.addthis.com/ with Twitter's Bootstrap 3 the right border of the counter is missing:

解决方案

Twitter's Bootstrap 3 use a CSS's universal selector to set box-sizing (see: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) to border-box. This will be save cause support for IE7 has been dropped. This selector breaks the AddThis counter.

The counter is set by: <a class="addthis_counter addthis_bubble_style"></a>.

Solution: Reset the box-sizing for the .addthis_counter class. Add the following code after your bootstrap css:

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

Or Less:

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

See also: http://getbootstrap.com/getting-started/#third-parties and Why did Bootstrap 3 switch to box-sizing: border-box?

这篇关于AddThis计数器的右边框缺少与Twitter的Bootstrap 3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！