语义 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
            
         
      
   

输出 ：

语义 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
         
      
   
   
      $('.message .close').on('click', function () {
        $(this).closest('.message').transition('fade up');
      });     
   

输出 ：

语义 UI 消息警告变体

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