bootstrap弹出窗页面不能居中

Bertha 。 2023-07-21 08:57 22阅读 0赞

最近好几天没有发博文了，来一波吧！

刚刚搬运了个bootstrap的弹出窗，发现这个弹出窗中的列表字段过多了以后就不能居中显示了，然后一顿的操作，有时候像个坦克，有时候像个雪糕，额。。。你懂得，最后才发现 在这个<div class="modal-dialog">中加上一个居中的样式就行了，果然，

加上这个居中的代码之后就完美解决了，至于那些个页面的效果图，我就不贴图了。还望理解！

<div class="modal fade" id="myModal-addserviceRelation">
        <div class="modal-dialog" style="text-align: center;width: 700px;">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                    <h4 class="modal-title">新增服务</h4>
                </div>
                <input type ="hidden" id ="re_addserviceId">
                <div class="modal-body">
                    <form class="form-horizontal mt12" role="Conditionform" method="post">
                        <div class="col-xs-12">
                            <table class="table table-bordered" id="jqGridRestRelation">
                            </table>
                            <div id="jqGridPagerRestRelation"></div>
                        </div>
                        <div class="clearfix"></div>
                    </form>
                </div>
                <div class="modal-footer">
                    <a class="btn btn-default" data-dismiss="modal">取消</a>
                    <a class="btn btn-primary" href="javascript:void(0)" onclick="saven()">确定</a>
                </div>
            </div>
        </div>
    </div>

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap弹出窗页面不能居中

最近好几天没有发博文了，来一波吧！刚刚搬运了个bootstrap的弹出窗，发现这个弹出窗中的列表字段过多了以后就不能居中显示了，然后一顿的操作，有时候像个坦克，有时

Bertha 。/ 2023年07月21日 08:57/ 0 赞/ 23 阅读

相关 js页面弹窗

1、html元素 <div id="light" class="white_content"> <div id="lightHeader"><spa

刺骨的言语ヽ痛彻心扉/ 2022年09月26日 04:58/ 0 赞/ 269 阅读

相关网页：单击按钮弹出悬浮窗+页面遮罩

<html> <head lang="en"> <head> <meta charset="UTF-

╰半橙微兮°/ 2022年09月03日 15:25/ 0 赞/ 295 阅读

相关 bootstrap弹出框

要想使用Bootstrap Popover（弹出框）则必须引入其依赖的文件: jquery.js这个必须的(还是要写在其他js前面,bootstrap是依赖jquery的哦)

约定不等于承诺〃/ 2022年08月23日 14:00/ 0 赞/ 443 阅读

相关用Bootstrap框架弹出iframe页面在弹出的模态框中载人iframe页面

HTML代码： <div class="modal fade" id="NoPermissionModal"> <div class=

叁歲伎倆/ 2022年08月12日 10:29/ 0 赞/ 257 阅读

相关 bootstrap modal 弹出其他页面

1、不使用js 方式 1.1 按钮 <a class=" btn default" href="ui_modals_ajax_sample.html" data-t

心已赠人/ 2022年08月05日 08:56/ 0 赞/ 280 阅读

相关 WPF使窗体弹出时在屏幕居中位置

在窗体页面的CS代码中添加 WindowStartupLocation = WindowStartupLocation.CenterScreen;

Bertha 。/ 2022年06月12日 02:36/ 0 赞/ 708 阅读

相关 jsp弹出新页面居中显示

用JS方法打开 function newPage(cusId)\{ var iWidth=1000; //弹出窗口的宽度; var iHeight=600; //弹出

雨点打透心脏的1/2处/ 2022年06月11日 04:41/ 0 赞/ 248 阅读

相关 Bootstrap 弹出输入框

效果 ![这里写图片描述][70] 原理引入 `Bootstrap` 和 `jQuery` 在 `弹框` 中加入输入框，同时 `自动获得焦点`

柔光的暖阳◎/ 2022年05月18日 01:42/ 0 赞/ 413 阅读

相关 ios SVProgressHUD 有时候弹窗不居中

之所以弹窗不居中，是因为做了键盘高度判断解决办法：打开SVProgressHUD.m ![watermark_type_ZmFuZ3poZW5naGVpdGk_sha

深碍√TFBOYSˉ_/ 2022年04月01日 06:27/ 0 赞/ 279 阅读