bootstarp modal 宽度设置

最新推荐文章于 2020-01-14 15:16:41 发布

转载最新推荐文章于 2020-01-14 15:16:41 发布 · 140 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/583362/blog/716132

文章标签：

#python

本文介绍了一种通过修改CSS实现调整Bootstrap Modal宽度的方法。在实际项目中遇到Modal尺寸不合适的问题时，可以直接修改对应的div宽度来调整Modal大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

环境信息

bootstarp 版本：3.3.4

modal代码

项目中modal的代码如下：

<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" style="diaplay:none">
  <div class='modal-dialog modal-lg'>
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">新增</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" onclick='postSetProcess();'>保存</button>
      </div>
    </div>
  </div>
</div>

后搜索很多解决方案，都不太理想。经过对CSS的了解，发现可以通过直接修改对应的div宽度实现。

修改后的代码如下：

  <div class='modal-dialog modal-lg' style="width: 85%">

转载于:https://my.oschina.net/u/583362/blog/716132