如何调整bootstrap里modal的宽度

<div class="modal show">

<div class="modal-dialog modal-lg">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">会员注册</h4>

</div>

<div class="modal-body">

<p>暂时无法注册！</p>

</div>

<div class="modal-footer">

<button class="btn btn-primary">确认</button>

</div>

</div>

</div>

</div>

<div class="modal-dialog modal-lg">

modal-lg（最大）    默认（中）   modal-sm（最小）

1、设置modal的宽度和显示位置

$('#commonModalDiv').css("width","800px")

$('#commonModalDiv').css("margin-left","-400px")

然后show

2、

<div id="commonModalDiv" class="modal hide fade form-horizontal" style="height: autowidth: 700pxmargin-left: -350px">

……

angular-ui的文档中有说明。

windowClass - additional CSS class(es) to be added to a modal window template

加上一个class名，然后在css文件里自定义宽度就行。

---