bootstrap modalの画面幅が変更できない

Question

modalの幅を変えたいのですが、
cssで設定しても反映されません
分かる方がいましたら是非、力をお貸しください。
bootstrapは3を使っています。

jquery

function showMST(mstName,mstNo){
  setTimeout(function(){

    var bbx = bootbox.dialog({
                title: mstName,
                message: '<div id="loading" class="cs-loading"><img src="images/loading.gif"></div><div id="div-mst" class="container-fluid"></div>',
                size: "large",
                className: "modalsize",
                buttons: {
                  save: {
                      label: "選択",
                      className: "btn-primary",
                      callback: function(){

                        return false;

                      }
                  },
                  cancel: {
                      label: "閉じる",
                      className: "btn-normal",
                      callback: function () {}
                  }
              }
          }
    });
}

<script type="text/template" id="ust-mst6">

  <form id="form-m1" class="form-horizontal">

    <div class="row">

          <div class="cs-orgdiv col-sm-12 col-xs-12 col-sm-12 col-md-6">

            <div class="form-group cs-orgfg">
              <label for="m6_cont1" class="control-label cs-labcol input-sm col-xs-4 col-sm-4 col-md-3">テスト</label>
              <div class="cs-divcol col-xs-6 col-sm-6 col-md-7">
                <input type="text" class="form-control input-sm cs-search" id="m6_cont1" name="m6_cont1">
              </div>
            </div>

          </div>

    </div>

    <div class="row">
      <div class="col-md-12 col-sm-12 col-md-6">
        <div id="id-pager-m6"></div>
      </div>
      <div class="col-md-12 col-sm-12 col-md-6">
        <div id="div-listbtns">
          <button type="button" class="cs-btn btn btn-primary btn-sm cs-hidden" id="bt-search-sm">検索</button>
        </div>
      </div>
    </div>
    </form>

    <table id="table-1" class="table"></table>

  </form>

</script>

.modalsize{
 min-width:75%;
 max-width: 80%;
 width: 150%;
}

Comments

[m.ts10806]

どのように変えたいのでしょうか？（今これくらいだからこれくらいにしたい・狭くしたい・広くしたいなど）あとBootstrapのバージョンも念のため追記願います。

[m.ts10806]

modalに関係するHTMLも追記願います。

[退会済みユーザー]

失礼いたしました。これから編集します

Answer 1

documentを読むと、

An additional class to apply to the dialog wrapper.

とありますので、おそらく適正なクラス指定は

.modalsize .modal-dialog{
  min-width:75%;
  max-width: 80%;
  width: 150%;
}

じゃないですかね

Comments

[退会済みユーザー]

回答ありがとうございます。
そちらの方法で無事に幅を変えることができました。
ありがとうございます。