📜  布尔玛通知颜色

📅  最后修改于: 2022-05-13 01:56:21.914000             🧑  作者: Mango

布尔玛通知颜色

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

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

布尔玛通知颜色类:

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

句法:

...

例子:

HTML


  

    Bulma Notification Colors
  
    
    
  
    
    

  

    
        
            
                

                    GeeksforGeeks                 

                   

                    Bulma Notification Colors                 

                   
                                         Primary 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.                 
                   
                                         Dark 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 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 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 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 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/#colors