引导导航栏搜索嵌入式红宝石答案

【问题标题】：bootstrap navbar search embedded ruby引导导航栏搜索嵌入式红宝石
【发布时间】：2014-05-04 02:40:50
【问题描述】：

我的导航栏中有搜索栏的代码。

<form class="navbar-form navbar-left" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Search an Artist">
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
</form>

我希望它与这个嵌入的 ruby 代码相关联

<%= form_tag(artists_path, :method => "get", id: "search-form") do %>
      <%= text_field_tag :search, params[:search], placeholder: "Search Artists" %>
      <%= submit_tag "Search", :name => nil %>
<% end %>

我试图只删除 div class="form-group" 并提交按钮，然后将 ruby 代码放在表单类中，但是它改变了它的外观，并且只有当我已经在我的艺术家页面，我希望它可以在我网站上的任何地方工作。关于如何将 ruby 代码集成到 html 中的任何建议？

【问题讨论】：

如果您需要应用相同的样式，那么您将需要包含您的表单的 div，我不知道结构，但这就是它的主要工作方式，您可以做的是应用与您的按钮相同的类，让我知道它是否有效。 <%= submit_tag "Search", class: :'btn btn-default',:name => nil %>

标签： ruby forms twitter-bootstrap ruby-on-rails-4 navbar

【解决方案1】：

这应该可行：

<%= form_tag(artists_path, :method => "get", id: "search-form", html: {class: 'form-group'}) do %>
      <%= text_field_tag :search, params[:search], placeholder: "Search Artists", class: "form-control" %>
      <%= submit_tag "Search", :class => 'btn btn-default',:name => nil%>
<% end %>

【讨论】：