Bootstarp未读消息铃铛

武飞扬头像

UoUo

2023-09-05 帮助2人

Thymeleaf版:

   <li>
       <a title="消息" class="fa fa-bell">
       <th:block th:if="${msgNumber >0}">
       <label class="label label-danger" style="right:0px">[[${msgNumber}]]</label>
       </th:block>
       </a>
   </li>

纯html版:

 <li>
     <a title="消息" class="fa fa-bell">
          <label class="label label-danger" style="right:0px">12</label>
     </a>
 </li>

效果

学新通网

style="right:0px"

不要去掉否则消息数量的样式会居中

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhbccgfb

系列文章

同类精品