提交按钮太大了

时间:2014-05-10 16:09:41

标签: ruby-on-rails twitter-bootstrap

我将Ruby on Rails与Bootstrap结合使用。 我所做的是联系表格。

当我用ruby-syntax创建表单时,我的问题

<%= form_for @contact, html: {role: "form"} do |f| %>

<div class="form-group">
    <%= f.label :name %>
    <%= f.text_field :name, :class => "form-control" %>
</div>

<div class="form-group">
    <%= f.label :message %>
    <%= f.text_field :message, :class => "form-control" %>
</div>

<%= f.submit "Send", class: "btn btn-primary" %>

<% end %>

然后提交按钮变得非常大(页面的100%)。 在自定义Bootstrap中,他们使用button-tag而不是submit-tag。

他们是否有可能在Ruby on Rails中将按钮标记实现为提交按钮?

由于

1 个答案:

答案 0 :(得分:2)

  

他们是否有可能在Ruby on Rails中实现一个按钮标记   提交按钮?

您有一个button_tag。就像HTML submit button一样。

<%= button_tag "Send", class: "btn btn-primary" %>

#=><button name="button" type="submit" class ="btn btn-primary">Send</button>

有关详情,请参阅 API

当然,你也可以这样做

<%= f.button "Send", class: "btn btn-primary" %>