如何在 Android 设备上制作可拖动和可滚动的 Bootstrap 模式？

给定一个 HTML 文档，任务是创建一个可以在移动设备上滚动和拖动的引导模式。使用 Bootstrap 库中提供的“滚动长内容”模式可以轻松完成此任务。

方法：模态是用 HTML、CSS 和 JavaScript 构建的。它们位于文档中的所有其他内容之上，因此它们从 元素中删除滚动，以便模式内容滚动。当模式对于用户的视口或设备来说太长时，它们会独立于页面本身滚动。因此，为了在移动设备中创建可拖动和可滚动的模态，除了从 Bootstrap 库中导出默认模态外，不需要做任何额外的工作，一旦我们在模态主体中添加一些长内容，它就会自动变为可滚动.请参阅给定的示例以进行进一步的演示。

例子：

HTML

  

    
    
  
    
    
  
    
    
    
      
    
    
      
    
    

  

    Long Scrollable Modal
  
    
    
        Launch demo modal
    
  
    
    
          
        
            
                
                    
                        GeeksforGeeks
                    
                    
  
                        
                            ×
                    
                
                
                    Bootstrap is a free and open-source
                    tool collection for creating responsive 
                    websites and web applications. It is the
                    most popular HTML, CSS, and JavaScript 
                    framework for developing responsive, 
                    mobile-first web sites. Nowadays, the 
                    websites are perfect for all the browsers
                    (IE, Firefox and Chrome) and for all sizes
                    of screens (Desktop, Tablets, Phablets, 
                    and Phones). All thanks to Bootstrap
                    developers – Mark Otto and Jacob Thornton
                    of Twitter, though it was later declared
                    to be an open-source project.
                
  
                
                    
                        Close
                    
  
                    
                        Save changes
                    
                
            
        
    

  

输出：