使 html 文本加粗，但不是文本旁边的 ejs 变量答案

【问题标题】：Make html text bold but not the ejs variable next to the text使 html 文本加粗，但不是文本旁边的 ejs 变量
【发布时间】：2022-01-09 10:11:06
【问题描述】：

如何使“来宾已注册”和“来宾已参加”文本加粗（来自上图），同时保持值不加粗？这是我现在拥有的：

          <li class="list-group-item">Guests signed up: <%= guestSignups %></li>
          <li class="list-group-item">Guests attended: <%= guestAttends %></li>

我在下面尝试过，它把值降到了一行，看起来很糟糕。

          <li class="list-group-item fw-bold">Guests signed up: 
              <p class="fw-normal"><%= guestSignups %></p>
            </li>
          <li class="list-group-item fw-bold">Guests attended: 
            <p class="fw-normal"><%= guestAttends %></p>
            </li>

【问题讨论】：

p 是一个块元素。如果您希望它是内联的，请使用span。
天才。你搞定了。谢谢@skara9 !!

标签： javascript html bootstrap-4 ejs

【解决方案1】：

您可以将字符串包裹在 b 或 strong 标签周围

甚至是带有自定义类的<span class="specialBoldFontClass">

 <li class="list-group-item"><b>Guests signed up:</b> <%= guestSignups %></li>
<li class="list-group-item"><b>Guests attended:</b> <%= guestAttends %></li>

【讨论】：