将 simple_form 标记转换为引导程序答案

【问题标题】：Convert simple_form tag to bootstrap将 simple_form 标记转换为引导程序
【发布时间】：2015-07-22 17:07:31
【问题描述】：

我有一个从 railscasts 得到的简单的 postgres 搜索表单：

    %h2
        Search textbook title or ISBN
    = simple_form_for books_path, method: :get do
        = search_field_tag :query, params[:query]
        = submit_tag "Search", name: nil

这个引导搜索表单（在haml中）：

.featurette
.featurette-inner.text-center
    %form.search{:role => "form"}
        %h3.no-margin-top.h1 Search Me.
        .input-group.input-group-lg
            %input.form-control{:placeholder => "search", :type => "search"}
                %span.input-group-btn
                    %button.btn.btn-primary{:type => "submit"} Search

我希望“search_field_tag”变成“input.form-control”，“submit_tag”变成“button.btn.btn-primary”。

在将这两者结合起来时需要您的帮助，因为我无法使搜索和提交按钮起作用。大约 2 周后才开始使用 Rails。非常感谢任何支持。

谢谢！

【问题讨论】：

你看过simple_form-bootstrap吗？
现在正在看。稍后会与您联系

标签： ruby-on-rails twitter-bootstrap ruby-on-rails-4 haml

【解决方案1】：

@Jon 我仍然不明白我在做什么，使用 f.input 而不是 =search_field_tag 只会给我一个错误。我能够让它工作。以下是我使用的：

.featurette
.featurette-inner.text-center
    %form.search{:role => "form"}
        %h3.no-margin-top.h1 Search Me.
        = simple_form_for books_path, method: :get do   
            .input-group.input-group-lg 
                = search_field_tag :query, params[:query], class: "form-control"
                %span.input-group-btn
                    = submit_tag "Search", name: nil, class: "btn btn-success"

【讨论】：