Font Awesomeでツイッターアイコンを<%= link_to ~ %>の中に入れ、いい感じに表示したい

現在Ruby in RailsでFont Awesomeを使用し、ツイッターのアイコンを表示させようとしています。「ツイッターログイン」の文字の前にアイコンをつけたいのですが、どうしてもボタンの外側に表示されてしまいます。

「ツイッターログイン」のボタンの中にいい感じに入れ、bootstrapも適用したいです。

該当コード

<div class="actions form-group col-sm-6 offset-sm-3">
    <%= f.submit "ログイン", class: "btn btn-primary form-control" %>
  </div>
  <% end %>
  <div class="actions form-group col-sm-6 offset-sm-3">
    <i class="fab fa-twitter"></i>
    <%= link_to "Twitterログイン", user_twitter_omniauth_authorize_path, class: "btn btn-primary form-control" %>
  </div>
  </div>

ご教授頂ければ幸いです。よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

link_toは、doをつけるとブロック扱いにして、ブロック内に収めたものを<a></a>の中に収めることができます。
そのときは、link_toメソッドの第1引数に指定していた表示文字列は省略し、ブロック内に書きます。

具体的には以下のように書けば上手くいきそうな気がするのですが、いかがでしょう？

ruby
1<%= link_to user_twitter_omniauth_authorize_path, class: "btn btn-primary form-control" do %>
2  <i class="fab fa-twitter"></i>
3  Twitterログイン
4<% end %>