如何在按钮上加红色数字

如何在按钮上加红色数字

您可以使用Bootstrap的badge组件来在按钮上显示红色数字。以下是一个例子:

<button class="btn btn-primary">
  My Button
  <span class="badge badge-danger ml-1">10</span>
</button>

在这个例子中,按钮文本是"My Button",红色数字是一个带有badge-danger类的span元素。通过使用ml-1类,您可以为数字提供左边距。

您可以根据您的需要调整类名和样式来改变数字的外观和位置。

posted @   侬侬发  阅读(102)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示