bootstrap 模态框

大家都知道bootstrap是css的框架 只需要给标签赋予class,和角色（role）,就可以做出很漂亮的界面。

今天我主要介绍一下bootstrap的模态框：

<div class="container">
  <input class="btn btn-primary btn-sm" type="button" value="删除" data-toggle="modal" data-target="#layer">//搭建一个入口
 
    <!--模态框 弹出框-->
    <div class="modal fade" role="dialog" id="layer">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">                
                    <button type="button" class="text-right close" data-dismiss="modal"> //起到关闭的作用
                        <span>&times</span> //小叉号
                    </button>                    
                    <h4 class="modal-title">确认要删除吗?</h4>                                                            
                </div>
                <div class="modal-body text-right">
                    <button class="btn btn-primary btn-sm" data-dismiss="modal">确认</button>
                    <button class="btn btn-danger btn-sm" data-dismiss="modal">取消</button>    
                </div>                
            </div>
        </div>
        
    </div>
</div>