Twitter bootstrap 自举模态行为

我的网站通常是这样的

但当点击一个按钮显示一个模态时，就会发生这种情况，观察模态下面的区域

有没有办法纠正这种行为？（当显示modal时，导航栏元素会移动，当modal隐藏时，导航栏元素会恢复正常。）

代码直接来自这里的示例

×
模态头
一个好身体

接近
保存更改

您想具体解决什么行为？您可以发布HTML吗？您想通过您的屏幕上的模式窗口访问您的菜单栏吗？这可能是由于模式打开时浏览器窗口中显示的滚动条造成的吗？我先看一下。如果可能的话，我们需要更多的信息来帮助您喜欢html/css源代码。。。

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>