95089


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/>


CC BY-SA 4.0
2023-05-30T19:13:21.313
95033
2023-06-04T12:55:43.223
2023-06-04T01:49:48.653
58130
58130
question
ruby-on-rails ruby bootstrap
Bootstrapのiconと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)


CC BY-SA 4.0
2023-06-03T10:32:12.773
95089
2023-06-04T12:55:43.223
2023-06-04T12:55:43.223
7347
7347
95033
answer