title: input group button in bootstrap, click on plus add one, minus sub one
body: <p>bootstrap 3 input group button, Two buttons between one text box, click on '+' button add one in textbox, click on '-' button sub one in textbox. using jquery. Can u pls help me how to do this?</p>
  
  <pre><code>&lt;div class="input-group"&gt;
      &lt;span class="input-group-btn"&gt;
          &lt;button class="btn btn-white btn-minuse" type="button"&gt;-&lt;/button&gt;
      &lt;/span&gt;
      &lt;input type="text" class="form-control no-padding add-color text-center height-25" maxlength="3" value="0"&gt;
      &lt;span class="input-group-btn"&gt;
          &lt;button class="btn btn-red btn-pluss" type="button"&gt;+&lt;/button&gt;
      &lt;/span&gt;
  &lt;/div&gt;&lt;!-- /input-group --&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bsarunmca/kv0wvgex/" rel="nofollow">http://jsfiddle.net/bsarunmca/kv0wvgex/</a></p>
  
  <p>Pls don't add ID for button or text box because am appending this from jquery depends on how many img am getting from api.</p>