bootstarp modal 宽度设置

环境信息

  • bootstarp 版本:3.3.4

modal代码

项目中modal的代码以下:post

<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宽度实现。code

修改后的代码以下:it

<div class='modal-dialog modal-lg' style="width: 85%">
相关文章
相关标签/搜索