Question

这是我用Ruby创建的search_form -

        <%= form_tag(posts_path, :method => "get", id: "search-form") do %>
        <%= text_field_tag :search, params[:search], placeholder: "Search Posts" %>
        <%= submit_tag "Search" %>

我不喜欢它如此简单。我希望它看起来像Bootstrap在其模板中提供的设计。

<div class="input-group">
  <input type="text" class="form-control" placeholder="Search for...">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
</div><!-- /input-group -->

那么我如何使用bootstrap搜索表单设计，但仍然通过我的数据库使其具有适当的搜索功能？

Answer 1

这应该有效：

<div class="input-group">
  <%= form_tag(posts_path, :method => "get", id: "search-form") do %>
    <%= text_field_tag :search, params[:search], placeholder: "Search Posts", class: 'form-control' %>
    <span class="input-group-btn">
      <%= submit_tag "Search", class: 'btn btn-default' %>
    </span>
  <% end %>
</div>

文档here和here。

Answer 2

您可以使用twitter bootstrap gem，然后这就足够了：

<%= form_tag(posts_path, :method => "get", id: "search-form") do %>
  <%= text_field_tag :search, params[:search], placeholder: "Search Posts" %>
  <%= submit_tag "Search", class: 'btn btn-default' %>
<% end %>

如何将我的Rails搜索表单与bootstrap搜索设计连接？

2 个答案: