Bootstrap模态对话框用法简单示例

本文实例讲述了Bootstrap模态对话框用法。分享给大家供大家参考，具体如下：

环境：bootstrap-3.3.5,jquery-3.0.0

代码：

  
  
    
    
    
    
    
  
  
创建模态框（Modal）


  开始演示模态框



  

   

     

      
         ×
      
      

        模态框（Modal）标题
      
     
     

      在这里添加一些文本
     
     

      关闭
      
      
        提交更改
      
     
   



  

小编已经将代码中所引用的bootstrap相关css、js文件全部换成了cdn形式，方便测试。

这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试，可得到如下显示效果：

PS：关于bootstrap布局，这里再为大家推荐一款本站的在线可视化布局工具供大家参考使用：

在线bootstrap可视化布局编辑工具：
http://tools.jb51.net/aideddesign/layoutit

希望本文所述对大家基于bootstrap的程序设计有所帮助。