Css Twitter引导模式宽度问题

我的应用程序有很多模态，都有不同的宽度。我知道您可以通过执行以下操作来设置模式内联的宽度：

宽度：400px 左边距：-200px

这很好，但是如果你压缩你的窗口，它会把屏幕的模态放大50%，所以你看不到模态的一半，在这些小分辨率下它是无用的。在iPad的分辨率上，你可以看到这种情况

现在讨论这个问题，如果在主bootstrap.css文件中设置了模式的宽度，那么只有一个宽度是完美的。因此，如果我将宽度设置为400，左边距设置为200，所有模态都将在这个宽度下工作。但是如果我继续在一个模态上做内联CSS，例如：

宽度：900px 左边距：-450px

如上所述，它将在较低的分辨率下中断

我做错了什么？推特引导是否只提供一种模式宽度在所有分辨率下工作的能力

我会提供屏幕截图，但是StackOverflow的管理员显然不允许我发布这些截图来帮助你们

以下是其中一个模态的示例，由于执行宽度内联，该模态将以较低的分辨率中断：

<div id="add-edit-project-modal" class="modal hide fade" style="width: 320px; margin-left: -160px;">
  <div class="add-edit-project-modal-header modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h4 class="modal-title">New Project</h4>
 </div>
 <div class="add-edit-project-modal-body modal-body">
    <form action="" id="add_project">
    <label>Name</label>
  </div>
  <div class="add-edit-project-modal-footer modal-footer">
    <input type="submit" id="submitButton" class="btn submit" value="Create">
    </form>
  </div>
</div>

×
新项目
名称

---

分辨率大约相当于iPad，屏幕左侧有50%的模式不显示。

您可以使用jQuery选择有问题的模式并编辑其CSS属性。使用以下选项可将模式设置为屏幕宽度的90%，并将其置于屏幕中心：

$('#myModal').modal({
            backdrop: true,
            keyboard: true,
            show: false
        }).css({
            // make width 90% of screen
           'width': function () { 
               return ($(document).width() * .9) + 'px';  
           },
            // center model
           'margin-left': function () { 
               return -($(this).width() / 2); 
           }
    });

---

这将在页面加载时起作用。调整浏览器大小并刷新页面，模式应位于占屏幕宽度90%的屏幕中央。

找到了一个解决方案，但我并不喜欢。我使用@media，在较低的分辨率下，我设置了左边的边距：0px！重要。@媒体（最小宽度：1px）和（最大宽度：730px）{#添加编辑项目模式{左边距：0%！重要；}