使用 alert-dismissible 时如何删除额外的右边距？

通过使用警报 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： alert – dismissible类在警报的右侧添加额外的填充并定位 .close 按钮。在关闭按钮上，添加 data-dismiss=” alert ” 属性，它会触发 JavaScript 功能。请务必将元素与它一起使用，以便在所有设备上正确运行。

使用alert-dismissible时如何删除额外的右边距？

示例：

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
  
            
                ×
            
        
    

  

输出：