使用警告可禁用时如何删除多余的右边距？

通过使用警报JavaScript插件，可以内嵌任何警报。

• 确保已加载警报插件或已编译的Bootstrap JavaScript 。
• 它需要util.js中，如果你是从源代码构建JavaScript。编译的版本包括此。
• 我们可以添加一个关闭按钮和.alert-dismissible类，这将在警报的右侧添加额外的填充并放置.close按钮。
• 在关闭按钮上，添加data-dismiss =“ alert”属性，该属性将触发JavaScript功能。确保将元素与其一起使用，以在所有设备上都具有正确的行为。
• 您可以添加.fade和.show类以在关闭警报时为其设置动画。

例子：

HTML

  

    
    
    
  
    
    
  
    
    
    
    
      
    
    
      
    
    
      
    
        How to Remove extra right margin 
        when using alert-dismissible?
    

  

    
        
            Geeksforgeeks
        
        
            Hello Everyone! 
            click on 'x' symbol to close
              
            
                ×
            
        
    

  

输出：

使用JavaScript触发器：启用通过JavaScript消除警报的功能：

$('.alert').alert()

或在警报内的按钮上具有数据属性，如上所示：

    ×

请注意，关闭警报会将其从DOM中删除。

例子：

的HTML

  

    
    
    
  
    
    
  
    
    
    
    
      
    
    
      
    
    
      
    
        .fade {
            -webkit-transition-duration: 7s;
  
            /* Safari */
            transition-duration: 7s;
        }
    

  

    
        
            Geeksforgeeks
        
        
            Alert dismiss using 
            javascript trigger
        
        
            Hello Everyone! 
            click on 'x' symbol to close
        
    
  
    
    
        $(document).ready(function () {
            $(".alert").alert('close');
        }); 
    

  

输出：

注意： 7秒钟后，警报将自动关闭。

Alert-dismissible(警报可禁用)：警报–可禁用类在警报的右侧添加了额外的填充，并放置了.close按钮。在关闭按钮上，添加data-dismiss =“ alert ”属性，该属性将触发JavaScript功能。确保将元素与元素一起使用，以在所有设备上正常运行。

使用警告可禁用时如何删除多余的右边距?

范例：

的HTML

  

    
    
    
  
    
    
  
    
    
    
    
      
    
    
      
    
    
      
    
        Remove extra right margin 
        using alert-dismissible
    
  
    
        .alert-dismissible {
            margin-right: 100px;
  
            /* Reset pixel value */
            padding-right: 0px;
        }
    

  

    
        
            Geeksforgeeks
        
        
            Hello Everyone! 
            click on 'x' symbol to close
  
            
                ×
            
        
    

  

输出：