Twitter的Bootstrap 3缺少AddThis计数器的右边界

Question

使用来自http://www.addthis.com/的默认代码和Twitter的Bootstrap 3时,计数器的右边框丢失了:

Answer 1

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以及为什么Bootstrap 3切换到box-sizing:border-box？