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%">
相關文章
相關標籤/搜索