Html 引导模式向上推送内容

在过去的几个小时里，我一直在使用引导模式，我遇到了一些问题。我到处找，但找不到有类似问题的人

我的模特看起来像这样

<!-- Modal -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

---

首先，我不能从上面的代码中理解那么多。 我认为您的模式弹出窗口忽略了页边距顶部css规则。 将下面的css添加到页面中，并更改padding top参数

@media screen and (min-width: 768px)
.modal-dialog {
  right: auto;
  left: 50%;
  width: 600px;
  padding-top: 130px;
  padding-bottom: 30px;
}

---

也许删除top:10px可以在css for容器中工作。

或者粘贴整个html文件，或者制作一个小提琴。从这里看不出任何东西…@Jesse通过查看您的css兄弟，您的代码不完整

@media screen and (min-width: 768px)
.modal-dialog {
  right: auto;
  left: 50%;
  width: 600px;
  padding-top: 130px;
  padding-bottom: 30px;
}