Css 如何使自定义对话框在引导中响应？

我使用的是bootstrap 2.3.2模式窗口，我试图实现自定义的高度和宽度

在我的CSS中，我有

.modal.customcontainer {
    width: 1000px; 
    margin-left:-33%; 
}

这是模态弹出窗口

<div id="Test" class="modal customcontainer fade">
<div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"></button>
       </div>

      <div class="modal-body">
             <img align="middle" title='<%=title %>' src='<%=url %>'>
        </div>
       <div class="modal-footer">
           <div class="caption">
                 <p><%=title%></p>
           </div>
      </div>    
  </div>

'>

---

即使对话框按照尺寸打开，它也没有响应。我遗漏了什么？

您遗漏了媒体查询。您可以在固定宽度内使用百分比。我也尝试了百分比。。我有点像this@media（最大宽度：979px）{.modal-open.page-overflow.page container.navbar固定顶部，.modal-open.page-overflow.page container.navbar固定底部{overflow-y:visible；}

</div>