关闭

modal 模拟弹框

10人阅读 评论(0) 收藏 举报
分类:
modal弹出框:
<div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-head">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" >title</h4>
                </div>
                <div class="modal-body">...........</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">ok</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">save</button>
                </div>
            </div>
        </div>
    </div>
个别代码解释:
modal fade:fade表示模拟弹出框淡进淡出!
modal-dialog:弹出框!
data-dismiss="modal" 点击消失 !
aria-hidden="true" 表示隐藏!
class="btn btn-default" 默认按钮
class="btn btn-primary" 效果强烈的按钮!
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:11次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档
    阅读排行
    评论排行