title: SpinEdit vertically aligned buttons
body: <p>I'm using Twitter Bootstrap 2.3.2. I'm trying to display spinedit buttons next to an input control. Currently I've got it looking like this:</p>
  
  <p><img src="https://i.stack.imgur.com/vvxXG.png" alt="enter image description here"></p>
  
  <p>using the following HTML:</p>
  
  <pre><code>&lt;div class="input-append"&gt;
      &lt;input type="text" class="input-mini" type="text"&gt;
      &lt;span class="btn-group"&gt;
          &lt;button class="btn"&gt;
              &lt;i class="icon icon-chevron-up"&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;button class="btn"&gt;
              &lt;i class="icon icon-chevron-down"&gt;&lt;/i&gt;
          &lt;/button&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see a live demo here:</p>
  
  <p><a href="http://geersch.github.io/ui.cg/#/api/cg.ui.directive:numberinput" rel="nofollow noreferrer">http://geersch.github.io/ui.cg/#/api/cg.ui.directive:numberinput</a></p>
  
  <p>However I'm trying to get it to look more like the default look and feel for a spinedit control:</p>
  
  <p><img src="https://i.stack.imgur.com/omP9z.png" alt="enter image description here"></p>
  
  <p>Is it possible to align them like this next to the input, without any custom CSS?</p>