button_to 打破了 bootstrap 3 按钮标签的样式

Question

我有一些这样的标签：

<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 %>

尽管使用了相同的 class，有什么想法吗？猜测 button_to 有一些特定的样式 II 想使用 button_to url 助手，但我希望我的表单看起来不错...想法建议？

Answer 1

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

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

button_to 打破了 bootstrap 3 按钮标签的样式

button_to breaks styling from bootstrap 3 button tag

ruby-on-rails-4

twitter-bootstrap-3

button-to