如何在Android设备上使Draggable和Scrollable 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
                    
                
            
        
    

  

输出：