首页 > 代码库 > Bootstrap页面布局21 - BS对话框设计
Bootstrap页面布局21 - BS对话框设计
设计弹出层对话框:
设计一个点击登录按钮,再弹出一个登陆对话框的实例,且带有动画效果
<div class=‘container-fluid‘> <h2 class=‘page-header‘>对话框插件的调用</h2> <a href=http://www.mamicode.com/‘#login‘ data-toggle=‘modal‘ class=‘btn btn-primary‘>登录</a> <div class=‘modal hide fade‘ id=‘login‘> <div class=‘modal-header‘> <a href=http://www.mamicode.com/‘#‘ class=‘close‘ data-dismiss=‘modal‘>x> <div class=‘modal-body‘> <form class=‘form-horizontal‘> <fieldset> <div class=‘control-group‘> <label class=‘control-label‘ for=‘account‘>帐 号</label> <div class=‘controls‘> <input id=‘account‘ name=‘account‘ type=‘text‘ value=http://www.mamicode.com/‘‘ placeholder=‘请输入手机号/邮箱‘ />> <div class=‘modal-footer‘> <button type=‘button‘ class=‘btn btn-primary‘>登 录</button> </div> </div></div>
如图:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。