jquery 修改 bootstrap模态框的宽度并且居中

摘要:
1.定义模式框×请修改所选单元格的内容修改后的内容˃关闭修改˂!

1.定义模态框

    <div     tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div   style="1400px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button"   data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4   id="myModal_Cel_Label">
                        请修改所选单元格的内容
                    </h4>
                </div>

                <div class="modal-body">
                    <div class="row">
                        <div   style="margin:0 80px;">
                            <div  class="input-group input-group-sm">

                                <span class="input-group-addon">修改内容</span>
                                <input   type="text">
                            </div>
                            <div  class="input-group input-group-sm">
                                <span     class="input-group-addon">填写内容不能为空</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"   data-dismiss="modal">关闭
                    </button>
                    <button type="button"    class="btn btn-primary">
                        修改
                    </button>
                </div>

            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

2.js设置居中

        $('#myModal').modal('show').css({
            'auto',
            'margin-left':function(){
            return-($(this).width()/2);
            }
         });

免责声明:文章转载自《jquery 修改 bootstrap模态框的宽度并且居中》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇vue 富文本编辑器 项目实战用法记录一次maven打包时将test目录下的类打包到jar中,Maven Assembly Plugin的使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IOS开发--仿制网易新闻

学习来源:袁峥老师的《快速集成App中顶部标题滚动条》 此次博文写的是按需求分析写代码,思路条理性杠杠的,可以提高的编码实现速度哦。 效果:   根据这个网易新闻的界面,需求分析:     需要的对象:           1、导航控制器默认会生成的导航条,上面可以设置title(当然也可以另外自定义View设置导航条title)           2...

动态表单

最近需要做一个动态表单管理,因为以前没什么经验,所以自己做了一个小demo研究了一下,现将自己的整体思路再从头顺一下,也顺便记录一下这次的学习经验,呵呵 1、  首先,要想实现动态表单的管理,自己首先想到的是不就是执行sql语句对数据库表的字段进行增删改嘛,后来想想并不这么简单,因为要关乎到以后用户添加数据时表单的动态生成,以及还要生成动态的js表单验证,...

redux的reducer的拷贝问题

首先指出一点,Redux的reducer是浅复制。冲掉的原因,是因为浅复制没有放在更新数据前,把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态: 所以浅复制实现方法: 原生方式: var newObj=Object.assign({},som...

jQuery动画效果

jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: $("div").show(); 解释:无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过内部封装了display: block;实现的。 <body> <div></div...

input chrome下输入之后背景变为黄色的解决办法

之所以Input输入之后背景原因色变为可恶的黄色,是因为在chrome 下input加上了input:-webkit-autofill这个属性,里面写的就是这个问题出现的原因 代码就是:input:-wenkit-autofill:{background-color:黄色的;etc},解决办法有两个: 第一个解决办法就是:将你的input输入框中加入aut...

如何监听input的脚本赋值

今天记录下我解决input值改变监听,大家肯定首先想到onchange方法。对于实时监听改变用onpropertychange、oninput等方法;可是,onchange并不能监听脚本改变的值,对于onpropertychange也只能实现IE监听并不兼容所有浏览器问题; 想了好久,我找到了一个很好的方法,借此跟大家分享一二: 假设 html:<i...