按钮

按钮颜色渐变

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        
        <按钮 类型=“按钮” 类=“btn bg-gradient-primary w-auto me-2”>主要
        
        <按钮 类型=“按钮” 类=“btn bg-梯度-辅助 w-auto me-2”>中学
        
        <按钮 类型=“按钮” 类=“btn bg-gradient-info w-auto me-2”>信息
        
        <按钮 类型=“按钮” 类=“btn bg-梯度-成功 w-auto me-2”>成功
        
        <按钮 类型=“按钮” 类=“btn bg-梯度警告 w-auto me-2”>警告
        
        <按钮 类型=“按钮” 类=“btn bg-梯度-危险 w-auto me-2”>危险
        
        <按钮 类型=“按钮” 类=“btn bg-gradient-light w-auto me-2”>光
        
        <按钮 类型=“按钮” 类=“btn bg-gradient-dark w-auto me-2”>黑暗
        
        <按钮 类型=“按钮” 类=“btn bg-渐变-白色 w-auto me-2”>白色
        
      

按钮颜色

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        
        <按钮 类型=“按钮” 类=“btn btn-主要 w-auto me-2”>主要
        
        <按钮 类型=“按钮” 类=“btn btn-次要 w-auto me-2”>中学
        
        <按钮 类型=“按钮” 类=“btn btn-info w-auto me-2”>信息
        
        <按钮 类型=“按钮” 类=“btn btn-成功w-auto me-2”>成功
        
        <按钮 类型=“按钮” 类=“btn btn-警告 w-auto me-2”>警告
        
        <按钮 类型=“按钮” 类=“btn btn-危险 w-汽车 me-2”>危险
        
        <按钮 类型=“按钮” 类=“btn btn-light w-auto me-2”>光
        
        <按钮 类型=“按钮” 类=“btn btn-暗 w-auto me-2”>黑暗
        
        <按钮 类型=“按钮” 类=“btn btn-白色 w-auto me-2”>白色
        
      

按钮轮廓

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-主要”>主要
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-次要”>中学
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-信息”>信息
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-成功”>成功
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-警告”>警告
        
        <按钮 类型=“按钮” 类=“btn btn-大纲-危险”>危险
        
        <按钮 类型=“按钮” 类=“btn btn-轮廓-光”>光
        
        <按钮 类型=“按钮” 类=“btn btn-轮廓-暗”>黑暗
        
        <按钮 类型=“按钮” 类=“btn btn-轮廓-白色”>白色
        
      

纽扣尺寸

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        <按钮 类型=“按钮” 类=“btn bg-梯度-主 btn-sm me-2”>小

        <按钮 类型=“按钮” 类=“btn bg-gradient-primary w-auto me-2”>默认

        <按钮 类型=“按钮” 类=“btn bg-渐变-主 btn-lg”>大

      

按钮图标向左

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        <按钮 类=“btn bg-渐变-主 btn-图标 btn-sm” 类型=“按钮”>
           类=“d-flex 对齐项目中心”>
            <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的
            小
          
<按钮 类=“btn bg-渐变-主 btn-图标” 类型=“按钮”> 类=“d-flex 对齐项目中心”> <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的 默认
<按钮 类=“btn bg-渐变-主 btn-图标 btn-lg” 类型=“按钮”> 类=“d-flex 对齐项目中心”> <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的 大

按钮图标右

复制
<部分 类=“py-7 mt-3”>
   类=“容器”>
     类=“行对齐文本中心之间的空间 py-2”>
       类=“col-12 mx-自动”>
        <按钮 类=“btn bg-渐变-主 btn-图标 btn-sm” 类型=“按钮”>
           类=“d-flex 对齐项目中心”>
            小
            <我 类=“材质图标 MS-2” 咏叹调隐藏=“真实”>最喜欢的
          
<按钮 类=“btn bg-渐变-主 btn-图标” 类型=“按钮”> 类=“d-flex 对齐项目中心”> 默认 <我 类=“材质图标 MS-2” 咏叹调隐藏=“真实”>最喜欢的
<按钮 类=“btn bg-渐变-主 btn-图标 btn-lg” 类型=“按钮”> 类=“d-flex 对齐项目中心”> 大 <我 类=“材质图标 MS-2” 咏叹调隐藏=“真实”>最喜欢的