button_to从bootstrap 3按钮标记中断样式

时间:2015-04-08 20:46:20

标签: ruby-on-rails-4 twitter-bootstrap-3 button-to

我有一些像这样的标签:

<div class="container">
<div class="row">
    <div class="col-md-8">
       <button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-user" aria-hidden="true" href="/groups"></span> Group/Provider
       </button>
       <button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-usd" aria-hidden="true"></span> Billing
       </button>

<!-- etc -->

这很好用,按钮并排排列。然后我去了这个:Button_to按钮不再并排排列:

 <%= button_to(groups_url, :class => 'btn btn-default btn-lg') do %> 
    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>Group
 <% end %>

 <%= button_to(providers_url, :class => 'btn btn-default btn-lg') do %> 
    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>Provider
<% end %>       

即使使用同一个班级,任何想法?猜猜button_to有一些特定的样式我想使用button_to url帮助器,但我希望我的表单看起来不错......想法建议?

1 个答案:

答案 0 :(得分:2)

Rails button_to实际上创建了一个表单和一个输入(see the docs for example markup)。相反,我认为你只想要一个像按钮一样的链接,所以使用link_to并添加Bootstrap按钮类:

link_to('Button Text', groups_url, :class => 'btn btn-default btn-large)