Ruby on rails 如何将Rails搜索表单与引导搜索设计连接起来?
这是我用Ruby创建的搜索表单-Ruby on rails 如何将Rails搜索表单与引导搜索设计连接起来?,ruby-on-rails,ruby,twitter-bootstrap,ruby-on-rails-4,twitter-bootstrap-3,Ruby On Rails,Ruby,Twitter Bootstrap,Ruby On Rails 4,Twitter Bootstrap 3,这是我用Ruby创建的搜索表单- <%= form_tag(posts_path, :method => "get", id: "search-form") do %> <%= text_field_tag :search, params[:search], placeholder: "Search Posts" %> <%= submit_tag "Search" %> “get”,id:“搜索表单”)
<%= form_tag(posts_path, :method => "get", id: "search-form") do %>
<%= text_field_tag :search, params[:search], placeholder: "Search Posts" %>
<%= submit_tag "Search" %>
“get”,id:“搜索表单”)do%>
我不喜欢它这么简单。我希望它看起来像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 -->
走!
那么,如何使用引导搜索表单设计,但仍然让它通过我的数据库具有适当的搜索功能呢?这应该可以:
<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>
“获取”,id:“搜索表单”)do%>
文档和。您可以使用,这样就足够了:
<%= 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 %>
“get”,id:“搜索表单”)do%>