📜  引导程序4 |纽扣

📅  最后修改于: 2021-05-25 10:55:16             🧑  作者: Mango

                           

输出:

注意:         Link Button     

                           

输出:

按钮轮廓: Bootstrap提供了一系列类,当我们需要在项目中使用轮廓样式的按钮(即不带背景色的按钮)时,可以使用这些类。轮廓按钮类将删除应用于按钮的任何背景色或背景图像样式。这些类在下面列出:

  • .btn-outline-primary
  • .btn-outline-secondary
  • .btn概述成功
  • .btn-outline-info
  • .btn-outline-warning
  • .btn-outline-danger
  • .btn-outline-dark
  • .btn-outline-light
  • .btn-outline-link

例子:

 
 
 
    Bootstrap Buttons 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    
                   

            GeeksforGeeks         

                   

Button Outline

                                                                                                                                                                   
                           

输出:

按钮大小: Bootstrap提供了允许更改按钮大小的不同类。 .btn-lg.btn-sm类用于大型和小型按钮。

例子:

 
 
 
    Bootstrap Buttons 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    
                   

            GeeksforGeeks         

                   

Button Sizes

                                                                     
                           

输出:

活动状态按钮: .active类用于制作按钮并链接到活动状态。

例子:

 
 
 
    Bootstrap Buttons 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    
                   

            GeeksforGeeks         

                   

Button Active State

                                                
                           

输出:

禁用状态按钮: Disabled属性与                           

                           

输出:

块级按钮: .btn-block类用于创建占用父元素所有宽度的块级按钮。

例子:

 
 
 
    Bootstrap Buttons 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    
                   

            GeeksforGeeks         

                   

Block Level Buttons

                                                
                           

输出:

微调按钮: spinner- *类用于将微调添加到按钮。

 
 
 
    Bootstrap Buttons 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    
                   

            GeeksforGeeks         

                   

Spinner Buttons

                                                
                           

输出: