modal 模拟弹框

原创 2015年07月07日 18:00:51
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" 效果强烈的按钮!
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Bootstrap模态框modal的高度和宽度设置

(1)高度 将style=“height:900px”放在或者更外层上,整个模态框的高度不会发生变化 如下图所示: 将style=“height:900px”放在上,是将整个模态框(包...

Bootstrap 模态框(Modal)与layer.prompt()冲突,layer.prompt()不起作用

报表查询条件框是Bootstrap的模态框(Modal),点击保存按钮弹出layer.prompt()不能获取焦点,主要问题是Bootstrap的模态框(Modal)的div中包含tabindex="...

Bootstrap 过渡效果Transition-模态框(Modal)

可以切换模态框(Modal)插件的隐藏内容: 1、通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data-target="#i...

Bootstrap 模态框(Modal)插件数据传值

网上找到这篇文章,总体思路是通过html本身的取值和赋值方法,建议还是通过我上篇blog的方法进行传值(Bootstrap本身提供的方法) 模态框具体代码如下: ...

Bootstrap 模态框(Modal)插件

模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 您可以切换模态框(Modal)插件的隐...

bootstrap的modal模态框提交信息

这几天在开发测试平台,用到了bootstrap的模态框,需要实现在选中某一个select的option时,触发modal,并修改相应信息,并提交信息。 具体代码如下: select控件: ...

bootstrap modal弹出框的垂直居中

bootstrap modal弹出框的垂直居中本人前端小菜鸡一只,公司项目尝试采用bootstrap,我身先士卒为同事趟“坑”,无奈UI妹子刁难非得让modal弹出框垂直居中,为了前端开发岗位的荣誉,...

iphone微信移动端bootstrap的模态框modal失效VS点击失效

遇到的问题是,用bootstrap的modal在网页版及安卓手机上可以正常运行,但在苹果手机上失效。    触发模态框的按钮是用div写的,经过网上搜索,发现这不能说是bootstrap的问题  ...

bootstrap模态框(modal)垂直居中

相信modal垂直居中的问题,大家都百度、谷歌过,或者自己研究过。modal框默认是在屏幕上方左右居中显示,但是有的人偏偏去搞成上下左右都居中,大屏幕好像没问题,但是移动端就会导致modal框变形。所...

【ionic App问题总结系列】ionic登录拦截机制-使用Modal作为登录框

前言先来说说网页和App中交互的不同。在网页中,页面与页面之间的跳转过程较少会采用转场动画,直接就是页面切换。 而在App的交互方式中,页面切换是有转场动画的。页面进入一般都是从右到左的动画切换。这...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)