? ? ?关于作者：

• 郑云飞, 程序员Java（web前端，web后端，oracle数据库or mysql数据库）
• 艺名：天放
• weibo：@tianFang
• blog:?zhengyunfei.iteye.com
• email: zhengyunfei8@gmail.com
• 学习路线图
• ?跟我一步一步学习bootstrap

? ? ? ?bootstrap在网页中使用

? ? ? ?bootstrap布局? ??

? ? ???bootstrap响应式布局

? ? ? ?bootstrap工作中遇到的知识点

?

? ? ?这几天很忙，间隔了这么多天，今天周末了才腾出时间写博客。今天本来也没有时间的，要去加班，可是刚到公司，说是机房要停电整修。好吧，只好回家好好的睡了一觉，醒来就总结一下这几天工作中遇到的bootstrap的知识点吧。

? ? ? 首先说一说modal，如何弹出一个对话框，首先定义个对话框

? ??

<div class="modal hide fade" id=''myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

?

?它有三个modal-header，modal-body和modal-footer组成，这是一个对话框的格式，那么如何弹出一个对话框呢？

?

比如定义一个按钮，当点击按钮的时候，触发弹出框事件。按钮格式如

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
只要将data-target的值和对话框的id值一样，点击对话框的时候，就会自动触发对话框事件，使其弹出来。
或者手动触发：
$('#myModal').modal()
 

?

?1、绑定事件，在关闭的时候，直接将数据清除：?

?