Bootstrapのiconとlink_to


Bootstrapのiconをボタンにしたいのですが、うまい事使用することが出来ません。  
文字ではなく、bootstrapのベルのiconだけのボタンにしたいのですが、classにbi bi-bellを含めても表示されません。  
link_toには違ったコードの書き方なのでしょうか？

[code]

    <div class="notification_navbar">
        <% if @notification.presence %>
            <div class="cecked-false">
                <p class="ms-3 cecked-false-mark "><%= link_to '通知', notifications_path, class: 'nav-link plan-nav cecked-false-link'%></p>
            </div>
        <% else %>
            <p class="ms-3"><%= link_to notifications_path, class: 'nav-link plan-nav' { %><i class="bi bi-bell"></i><% } %></p>
        <% end %>
    </div>
    
[/code]

bootstrap/icon  
<https://icons.getbootstrap.jp/icons/bell/>




`link_to`でリンクを作成するとき、単純な文字列ではなく、タグを使用する必要がある修飾された文字列やアイコンや画像などやそれらの組合せをリンクにしたい場合はブロックを使用します。

[code]

    <p class="ms-3">
      <%= link_to notifications_path, class: 'nav-link plan-nav' do %>
        <i class="bi bi-bell"></i>
      <% end %>
    </p>
    
[/code]

上記のようにブロックの内側でタグを書くとその部分がリンクになります。

参考:
[ActionView::Helpers::UrlHelper#link_to](https://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-
i-link_to)




`link_to`でリンクを作成するとき、単純な文字列ではなく、タグを使用する必要がある修飾された文字列やアイコンや画像などやそれらの組合せをリンクにしたい場合はブロックを使用します。

[code]

    <p class="ms-3">
      <%= link_to notifications_path, class: 'nav-link plan-nav' do %>
        <i class="bi bi-bell"></i>
      <% end %>
    </p>
    
[/code]

上記のようにブロックの内側でタグを書くとその部分がリンクになります。

参考:
[ActionView::Helpers::UrlHelper#link_to](https://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-
i-link_to)

