📜  语义 UI 消息警告变体

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

语义 UI 消息警告变体

Semantic UI 是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。
Semantic UI 为用户提供了各种不同的消息类型类,可用于不同的目的以显示具有良好界面的消息。在本文中,让我们看看语义 UI 中的警告变化消息。

Semantic-UI 浮动变体类型消息类:

  • 警告:这表示消息是警告类型的颜色。

句法:

.....

示例 1:此示例演示了基本的消息警告变体。

HTML


   
      
      
      
   
   
      
         

GeeksforGeeks

                   Semantic-UI Message Warning variation                 
      
      
      
         
            
               Some files not loaded enable JavaScript to load them             
         
      
   


HTML


   
      
      
      
   
   
      
         

GeeksforGeeks

                   Semantic-UI Message Warning variation                 
      
      
      
         
                         
               A newer version available download               to have the better experience             
            Visit this page to know more about the update          
      
       


输出 :

语义 UI 消息警告变体

语义 UI 消息警告变体

示例 2:此示例演示消息警告变体。

HTML



   
      
      
      
   
   
      
         

GeeksforGeeks

                   Semantic-UI Message Warning variation                 
      
      
      
         
                         
               A newer version available download               to have the better experience             
            Visit this page to know more about the update          
      
       

输出 :

语义 UI 消息警告变体

语义 UI 消息警告变体

参考: https ://semantic-ui.com/collections/message.html#warning