布尔玛通知灯颜色

Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度响应的。它使用类来实现其设计。

通知是一个简单的彩色块，可以将用户的注意力吸引到某事上。它可以用作视口角落的固定通知。它支持使用删除元素。

Bulma 通知浅色功能用于将浅色版本添加到通知元素。

布尔玛通知灯颜色等级：

• is-primary：该类用于将通知元素的颜色设置为浅青色。
• is-link：该类用于将通知元素的颜色设置为蓝色。
• is-info：该类用于设置通知元素的颜色为浅蓝色。
• is-success：该类用于将通知元素的颜色设置为绿色。
• is-warning：该类用于将通知元素的颜色设置为黄色。
• is-danger：该类用于设置通知元素的颜色为红色。

句法：

例子：

HTML

 

    
 
    
    

 

    

        

            

                

                    GeeksforGeeks
                
 
                

                    Bulma Notification Light colors
                
 
                

                    
                    Primary Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
 
                

                    
                    Link Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
 
                

                    
                    Info Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
 
                

                    
                    Success Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
 
                

                    
                    Warning Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
 
                

                    
                    Danger Light Notification
                    Color: 'GeeksforGeeks' is
                    a computer science portal. It was
                    created with a goal in mind to
                    provide well written, well thought
                    and well explained solutions for
                    selected questions. The core team
                    of five super geeks constituting
                    of technology lovers and computer
                    science enthusiasts have been
                    constantly working in this direction.
                
            
        
    

 

输出：

参考： https://bulma.io/documentation/elements/notification/#light-colors