引导程序模态 - 芒果文档

📌 相关文章

📜 引导程序模态

📅 最后修改于: 2020-12-19 02:50:03 🧑 作者: Mango

引导模态

引导程序模态插件是一个对话框/弹出窗口，显示在当前页面的顶部。

引导模态示例




  Bootstrap Example
  
  
  
  




  Modal Example
  
  

  
  
    
    
      
      
        
          
          Modal Header
        
        
          Write your text in the modal.

引导模态尺寸

您可以通过添加.modal-sm类(用于小模态)或.modal-lg类(用于大模态)来更改模态的大小。

size类通过.modal-dialog类添加到

元素中。

小模态：

请参阅以下示例：




  Bootstrap Example
  
  
  
  




  Small Modal
  
  

  
  
    
      
        
          
          Modal Header
        
        
          This is a small modal.

Bootstrap大模态

请参阅以下示例：




  Bootstrap Example
  
  
  
  




  Large Modal
  
  

  
  
    
      
        
          
          Modal Header
        
        
          This is a large modal.