如何在同一行中添加 FontSwesome 图标?

How can i add an FontSwesome icon in the same line?

提问人:Christian Schumacher 提问时间:6/14/2022 最后编辑:isherwoodChristian Schumacher 更新时间:6/15/2022 访问量:48

问:

我将我的轨道与 deise(登录系统)一起使用。那行得通。现在我将添加 FA-Icon 作为我的标签。

这是我的目标:

enter image description here

但这是我目前的状态(钩子是我的测试图标):

enter image description here

这是我的代码:

    <div class="container">
  <%= form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "form-signin"}) do |f| %>
    <h2 class="form-signin-heading">Please sign in</h2>
    
    <%#= f.label :email, 'Email Address', class: 'sr-only' %>
  
    <i class="fa-solid fa-check"></i>
    <%= f.email_field :email, autofocus: true, class: 'form-control', placeholder: 'Email Address' %>
    

    <%= f.label :password, 'Password', class: 'sr-only' %>
    <%= f.password_field :password, autocomplete: "off", class: 'form-control', placeholder: 'Password' %>

    <% if devise_mapping.rememberable? -%>
        <div class="checkbox">
            <label><%= f.check_box :remember_me %> Remember me</label>
        </div>
    <% end %>

    <%= f.button "Sign in", class: 'btn btn-lg btn-primary btn-block' %>
  <% end %>
  <%= render "devise/shared/links" %>
</div>

有人可以给我一个提示,我做错了什么吗?

Ruby-on-Rails twitter-bootstrap 设计 字体真棒

评论

2赞 Les Nightingill 6/15/2022
由于您使用的是 Bootstrap,因此您可以只使用输入组,如下所示: getbootstrap.com/docs/5.0/forms/input-group
1赞 isherwood 6/15/2022
我建议你花几分钟时间浏览整个 Bootstrap 文档,这样你就知道它提供了什么。

答: 暂无答案