如何在Bootstrap 4中获得圆形按钮？

它是一个用于使用HTML，CSS和JS开发的开源工具包。它包括几种类型的按钮，样式，字体，每种按钮都有其自己的语义目的(已预先定义)，并提供了一些额外的控件，以进行更多控制。您可以使用Bootstrap自定义按钮样式来创建按钮以及更多按钮，并支持多种尺寸，状态等。
Bootstrap默认情况下不提供任何圆形按钮。如果我们想在网页中包含圆形按钮，那么在Bootstrap 4和一点CSS的帮助下，您可以为网页或应用程序创建自己的圆形按钮。

例子：

  

    
        How to get circular buttons
        in bootstrap 4 ?
    
      
     
      
     
      
     
        
     
     
        
     
     
        
     
     
      
    
        h1 {
            color:green;
        }
        .xyz {
            background-size: auto;
            text-align: center;
            padding-top: 100px;
        }
        .btn-circle.btn-sm {
            width: 30px;
            height: 30px;
            padding: 6px 0px;
            border-radius: 15px;
            font-size: 8px;
            text-align: center;
        }
        .btn-circle.btn-md {
            width: 50px;
            height: 50px;
            padding: 7px 10px;
            border-radius: 25px;
            font-size: 10px;
            text-align: center;
        }
        .btn-circle.btn-xl {
            width: 70px;
            height: 70px;
            padding: 10px 16px;
            border-radius: 35px;
            font-size: 12px;
            text-align: center;
        }
    

  

    GeeksforGeeks
      
    Normal Circle Buttons
    Blue
    Gray
    Green
    Red
    Yellow
    White
    Black
  
    Large Circle Buttons
    Blue
    Gray
    Green
    Red
    Yellow
    White
    Black

  
                    

输出：在以下代码的帮助下，我们可以使用Bootstrap 4轻松添加圆形按钮。以下是获得的各种圆形按钮的图像。