格式化form_tag中的按钮

Question

我有以下代码：

<% if is_admin? %>
  <%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %>
    <%= hidden_field_tag :item_id, @item.id %>
    <%= hidden_field_tag :genero_id, genero.id %>
    <%= submit_tag 'x'%>
  <% end -%>
<% end %>

丑陋地狱

我希望它像

Guerra x（来自twitter bootstrap的小删除 - glyphicon）

有可能吗？我该怎么办？

Answer 1

我认为你正在寻找类似的东西：

<%= submit_tag('x', class: 'btn btn-default btn-sm') %>

虽然有other bootstrap options for buttons。

您还可以查看button_to，这似乎非常适合您正在做的事情：

<%= button_to("X", { controller: "generalizacoes", action: "destroy_all" },
    { params: { item_id: @item.id, genero_id: genero.id },
      class: 'btn btn-default btn-sm' %>

如果这是一种破坏性行为，你可能也想要data: { confirm: 'Are you sure?' }。

Answer 2

这不是直接答案（不是引导程序），但应该为您提供有关如何解决问题的信息

---

<强> CSS

您可以使用css。

随意设置输入/提交按钮的样式

从我的JSFiddle：

中可以看到

.new_button {
    background-color: orange;
    border: 1px solid #000;
    padding: 10px;
    transition: background, 0.2s;
}

.new_button:hover {
    color: #fff;
    background-color: black;
    cursor: pointer;
}

<form action="#">
   <input type="submit" value="Test" class="new_button">
</form>

虽然bootstrap将包含自己的类数组＆amp;样式，你必须记住，如果你想给你的按钮一个特定的＆＃34;样式＆＃34;，你将能够定义＆amp;调用您定义的各种CSS类/样式。

这在Shadwell的答案中提到 - 您可以通过调用其上的类来单独设置按钮的样式，或者，您可以依赖Bootstrap内部的form样式：

#app/assets/stylesheets/application.css
.your_class { 
    background: #ccc;
    border: 1px solid #000;
}

#app/views/controller/your_view.html.erb
<%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %>
    <%= hidden_field_tag :item_id, @item.id %>
    <%= hidden_field_tag :genero_id, genero.id %>
    <%= submit_tag 'x', class: "your_class" %>
<% end -%> 

---

<强>自举

我必须承认，我之前从未使用过Bootstrap for CSS。

通过使用forms＆amp;的bootstrap CSS样式，您将能够在我上面给出的内容的基础上进一步发展。 buttons。你可以这样做：

<%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %>
    <%= hidden_field_tag :item_id, @item.id %>
    <%= hidden_field_tag :genero_id, genero.id %>
    <%= submit_tag 'x', class: "btn btn-default" %>
<% end -%>