如何为ERB插值变量添加类？Bootstrap徽章实现问题

你需要使用link_to的块形式，将文本和徽章元素分开，就能只让@open变量显示为Bootstrap徽章样式：

<li id="open" class="nav-item <%= 'active' if params[:q][:status_eq] == "open" %>">
  <%= link_to comments_path(q: {status_eq: "open"}), class: 'nav-link' do %>
    Open
    <span class="badge badge-pill badge-primary"><%= @open %></span>
  <% end %>
</li>

关键说明： #

• 用link_to块语法，允许在链接内部嵌套多个HTML元素，避免把"Open"文本也包含进徽章里。
• nav-link类保留在link_to标签上，保证整个导航链接的样式正常。
• 用<span>包裹@open并添加Bootstrap徽章类，仅将数值部分渲染为徽章。

内容的提问来源于stack exchange，提问作者Xaver Pinero