📜  引导程序4 |快讯

📅  最后修改于: 2021-05-25 17:45:02             🧑  作者: Mango

我们通常会在完成某项操作之前或之后在某些网站上看到某些警报。这些警报消息是突出显示的文本,在执行过程时要考虑这些文本。 Bootstrap允许使用预定义的类在网站上显示这些警报消息。

后跟上下文类的.alert类用于在网站上显示警报消息。警报类别为: .alert-success.alert-info.alert-warning.alert-danger.alert-primary.alert-secondary.alert-light和.alert-dark。

句法:

 
 
 
    Bootstrap Alerts 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    

        GeeksforGeeks     

                 
                 
            Success alert!         
                   
            Info alert!         
                   
            Warning alert!         
                   
            Danger alert!         
                   
            primary alert!         
                   
            Secondary alert!         
                   
            Light alert!         
                   
            Dark alert!         
    
                             

输出:

关闭警报: .container类中使用.alert- dismissible类来关闭警报消息。然后使用class =“ close”data-dismiss =“ alert”链接按钮元素。

句法:

Alert message

例子:

 
 
 
    Bootstrap Alerts 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    

        GeeksforGeeks     

                 
                 
            Success alert!                      
                   
            Info alert!                      
                   
            Warning alert!                      
                   
            Danger alert!                      
                   
            primary alert!                      
                   
            Secondary alert!                      
                   
            Light alert!                      
                   
            Dark alert!                      
    
                         

输出:

动画警报: .fade.show类用于在关闭警报消息时添加动画的褪色效果。

句法:

Alert message

例子:

 
 
 
    Bootstrap Alerts 
      
    
    
  
    
      
    
      
    
      
    
 
  
 
    

        GeeksforGeeks     

                 
                 
            Success alert!                      
                   
            Info alert!                      
                   
            Warning alert!                      
                   
            Danger alert!                      
                   
            primary alert!                      
                   
            Secondary alert!                      
                   
            Light alert!                      
                   
            Dark alert!                      
    
                         

输出: