css - 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 ）设置为边框。这将节省原因，因为对 IE7 的支持已被删除。此选择器会破坏 AddThis 计数器。

计数器设置为：<a class="addthis_counter addthis_bubble_style"></a>。

解决方案：重置 .addthis_counter 类的 box-sizing。在引导 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？