Правая граница счетчика AddThis отсутствует в Twitter Bootstrap 3

При использовании кода по умолчанию из http://www.addthis.com/ с Twitter Bootstrap 3 отсутствует правая граница счетчика:

Addthis buttons and counter with Twitter's Bootstrap 3

ОТВЕТЫ

Ответ 1

Twitter Bootstrap 3 использует универсальный селектор CSS для установки размера окна (см. https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) в рамку. Это будет полезно, потому что поддержка IE7 была отключена. Этот селектор разбивает счетчик AddThis.

Счетчик устанавливается: <a class="addthis_counter addthis_bubble_style"></a>.

Решение: Reset размер окна для класса .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 переключился на размер окна: граница-бокс?