bootstrap自定义模态框的正确方式
2015-09-28 14:34
423 查看
其实很简单,首先不要写元素内联样式。只需要在一个<div class="modal-dialog">这里加一个宽度的class就可以了。<div class="modal-dialog modal-lgest">
定义<pre name="code" class="html">modal-lgest的宽度:
<pre name="code" class="html"><style type="text/css">.modal-lgest{width:1300px;}</style>就可以了,bootstrap会帮你调整他的水平居中问题。
网上有一种
$('#addFormbox').modal().css({width: 'auto','margin-left': function () {return -($(this).width() / 2);}});的方法,我试了一下发现水平居中问题,没有解决。可能是我写的方式不对。
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- 基于Bootstrap的网页设计实例
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- BootStrap实现带有增删改查功能的表格(DEMO详解)
- jQuery将多条数据插入模态框的示例代码
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- BootStrap栅格系统、表单样式与按钮样式源码解析
- jfinal与bootstrap的登录跳转实战演习
- js利用事件的阻止冒泡实现点击空白模态框的隐藏
- bootstrap data与jquery .data
- Bootstrap的图片轮播示例代码
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 基于Bootstrap+jQuery.validate实现Form表单验证
- 页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理
- BOOTSTRAP时间控件显示在模态框下面的bug修复
- el表达式 写入bootstrap表格数据页面的实例代码
- BootStrap便签页的简单应用
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用java基于pushlet和bootstrap实现的简单聊天室