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

问题描述

将 ) 到边框-盒子.这将是保存因为对 IE7 的支持已被删除.这个选择器打破了 AddThis 计数器.

计数器设置为:<a class="addthis_counter addthis_bubble_style"></a>.

解决方案:重置 .addthis_counter 类的框大小.在 bootstrap css 之后添加以下代码:

 .addthis_counter{-webkit-box-sizing: 内容框；-moz-box-sizing: 内容框；框大小:内容框；}

或更少:

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

另见:http://getbootstrap.com/getting-started/#third-各方和为什么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?

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