title: Google plus button creating horizontal scrollbar
body: <p>I had no problems adding a Facebook/Twitter sharing buttons but right now Google+ is driving me crazy, WHEREVER i put this code on my page (using Bootstrap grid), i get a 2-3 pixels on the right creating an horizontal scrollbar:</p>
  
  <pre><code>&lt;div class="g-plus" data-action="share" data-align="left" data-annotation="none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Plus Script code at the bottom of my page:</p>
  
  <pre><code>&lt;script src="https://apis.google.com/js/platform.js" async defer&gt;{lang: 'fr'}&lt;/script&gt;
  </code></pre>
  
  <p>Any idea how to fix it? I've tried to put my div in another div with fixed width and stuff like that but no effect, the script is replacing the div and forcing all css regardless my attempts ... i have no idea what is replacing the original div and how to work on it.</p>
  
  <p>I'm a bit lost here, help welcome, thanks.</p>