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的程序设计有所帮助。