如何在 Bootstrap 中创建一个基本的 Modal 组件？

模态框是 JavaScript 弹出窗口，可帮助我们在网站上提供非常有用的内容，例如在网站上显示保存、删除、下载或关闭确认。 Bootstrap modal 是轻量级和多用途的 JavaScript 组件。它们也是可定制和响应式的组件。在本文中，我们将学习如何使用引导框架创建一个基本的模态组件。

首先，我们必须在我们的 HTML 文件中导入以下引导 CDN。

示例：在此示例中，我们将了解如何使用 Bootstrap 模态组件创建基本模态。

HTML

  

    
    
    
  
    
    
  
    
    

  

    
    
        Demo Modal
    
  
    
    
          
        
            
                
                    
                        This is sample title.
                    
                    
                    
                
  
                
                    This is the body of the modal.
                
                
                    
                        Close
                    
  
                    
                        Save
                    
                
            
        
    

  

输出：