title: Adjust width of inline buttons automatically based on parent width
body: <p>I currently have 3 buttons that are inline. I'm having issues in how to style these buttons so the width is automatically calculated to take the width of the parent div.  For example, if the parent div is 1000px, I'd like the width of the inline buttons to be 1000/3 - a set margin to space these buttons. So those need to be taken into account which will be fixed.  Catch is, the first and last element should not have a left margin and right margin respectively. This way I can dynamically add buttons and the styling should take care of the width. Hope that helps? </p>
  
  <p><a href="http://jsfiddle.net/Lyej20nk/" rel="nofollow">JsFiddle</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="row" style="width: 1000px;border: 1px solid #999;"&gt;
    &lt;div class="row" style="padding-bottom:20px;"&gt;
      &lt;a href="1" class="btn-lg btn-default"&gt;My Button&lt;/a&gt;
      &lt;a href="2" class="btn-lg btn-default"&gt;My Button2&lt;/a&gt;
      &lt;a href="3" class="btn-lg btn-default"&gt;My Button3&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>