bordure droite de la contre-AddThis manquant avec Bootstrap Twitter 3

Question

Lorsque vous utilisez le code par défaut de http://www.addthis.com/ avec Bootstrap 3 la bordure droite du compteur de Twitter manque:

Answer 1

Bootstrap Twitter 3 utilisent un système universel de CSS sélecteur pour définir le dimensionnement de la boîte (voir: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) dans border-box. Ce sera le support de cause enregistrer pour IE7 a été abandonné. Ce sélecteur casse le compteur AddThis.

Le compteur est réglé par: <a class="addthis_counter addthis_bubble_style"></a>.

Solution: Réinitialisez la taille de boîte pour la classe .addthis_counter. Ajoutez le code suivant après votre css bootstrap:

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

ou moins:

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

Voir aussi: http://getbootstrap.com/getting-started/#third-parties et Why did Bootstrap 3 switch to box-sizing: border-box?