title: bootstrap button group styling with button_to
body: <p>I'm having trouble in styling the bootstrap button group using button_to.</p>
  
  <p><img src="https://i.stack.imgur.com/Nl7Vk.png" alt="sample image"></p>
  
  <p>As shown above, I would like to have something like in the bottom, but currently I'm having a problem with button with "4" when using "button_to" helper.</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>&lt;div class="btn-group btn-group-sm"&gt;
  &lt;button type="button" class="btn btn-default"&gt;1&lt;/button&gt;
  &lt;button type="button" class="btn btn-default"&gt;2&lt;/button&gt;        
  &lt;button type="button" class="btn btn-default"&gt;3&lt;/button&gt;
  &lt;%= button_to "4", {:action =&gt; "new", :id =&gt; 1}, :class =&gt; "btn btn-default" %&gt;
  &lt;button type="button" class="btn btn-default"&gt;5&lt;/button&gt;
  &lt;button type="button" class="btn btn-default"&gt;6&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>please help me to fix it.</p>