title: Bootstrap buttons margin-right
body: <p>Im using this html with bootstrap Framework:</p>
  
  <pre><code>&lt;div id="postsPerPage"&gt;
    &lt;button type="button" class="btn btn-default sort filter" title="5"&gt;5&lt;/button&gt;
    &lt;button type="button" class="btn btn-default sort active filter" title="10"&gt;10&lt;/button&gt;
    &lt;button type="button" class="btn btn-default sort filter" title="25"&gt;25&lt;/button&gt;
    &lt;button type="button" class="btn btn-default sort filter" title="50"&gt;50&lt;/button&gt;
    &lt;button type="button" class="btn btn-default sort filter" title="100"&gt;100&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>please see this fiddle: <a href="https://jsfiddle.net/boriskamp1991/vppt8qvm/2/" rel="nofollow">https://jsfiddle.net/boriskamp1991/vppt8qvm/2/</a></p>
  
  <p>Why is there a untraceable margin between the buttons? I need this to be 0 beacuse I want to work with percent width units and this messes it up.....</p>
  
  <p>I have really no clue after searching and searching.
  You can find the margin on their doc page as well: <a href="http://getbootstrap.com/css/#buttons" rel="nofollow">http://getbootstrap.com/css/#buttons</a></p>
  
  <p>Thanks!</p>