Question

我正在Rails中构建一个基本应用程序。我有一个页面，其中包含搜索文本字段和提交按钮。它的代码如下：

    <%= form_tag '#', method: :get, id: 'stock-lookup-form' do %>
    <div class = 'form-group row no-padding text-center col-md-12'>
        <div class = 'col-md-10'>
            <%= text_field :stock, params[:stock], placeholder:'Stock ticker symbol', autofocus: true,
                class: 'form-control search-box input-lg' %>
        </div>
        <div class = 'col-md-2'>
            <%= button_tag(type: :submit, class: 'btn btn-lg btn-success') do %>
                Look up the stock
            <% end %>
        </div>
    </div>
<% end %>

我尝试在button_tag中这样做：

<i class = 'fa fa-search'></i>Look up the stock

在“查找股票”文本前面获取搜索符号。但是不会显示该符号。有什么建议吗？

P.S我正在使用Rails 5，并已在应用程序中安装了bootstrap gem。

感谢前进

Answer 1

如果您没有超棒的字体，那么您将无法获得搜索图标。您可以将文件直接添加到您的项目中，也可以将CDN包含到您的项目中，如下所示-

link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"

如何在Rails的HTML文件中的“提交”按钮中添加搜索符号？

1 个答案: