Admin Dashboard

Sidebar menus

Alert box

The alert box with notification message.

Examples

Default alert box. Example link inside alert box.
Source

                    

Info alert box by add .alert-info class into alert box element. Example link inside alert box.


Danger alert box by add .alert-danger class into alert box element. Example link inside alert box.


Warning alert box by add .alert-warning class into alert box element. Example link inside alert box.


Success alert box by add .alert-success class into alert box element. Example link inside alert box.

 

                    
Dismissable

                    

                        
                        Default alert box. Example link inside alert box.
                    

                    
Source

                    

                    


Info alert box by add .alert-info class into alert box element. Example link inside alert box.



Danger alert box by add .alert-danger class into alert box element. Example link inside alert box.



Warning alert box by add .alert-warning class into alert box element. Example link inside alert box.



Success alert box by add .alert-success class into alert box element. Example link inside alert box.

 

                    
Alert with more content

                    

                        
Warning!

                        
This is the warning text.

                    

                    

                        
    
                            
  • Username field is required.
    • 
                            
  • Email field is invalid.
    • 
                        

                    

                    

                        
Please follow instruction.

                        
    
                            
  1. Press F5
    2. 
                            
  2. Read this message
    3. 
                        

                    


                    
Placement

                    

                        
The alert box in default position (no fixed).

                        

                            Info alert box.
                        

                    

                    

                        
The alert box that will always stay at the top.

                        

                            Info alert box.
                        

                    

                    
Source

                    

                    

                        
The alert box that will always stay at the bottom.

                        

                            Info alert box.
                        

                    

                    
Source

                    

                    
To see it in action, please click on the link below.

                    
Show alert box fixed top for: 
                    info danger warning success                     

                    
Show alert box fixed bottom for: 
                    info danger warning success                     

                    

                        
The alert box that will always stay at the bottom (float).

                        

                            Info alert box.
                        

                    

                    
Source

                    

                    
To see it in action, please click on the link below.

                    
Show alert box float top for: 
                    info danger warning success                     

                    
Show alert box float bottom for: 
                    info danger warning success