css - 使 bootstrap modal X 位于模态之上，而不是其中

Question

无论如何，我可以让 Bootstrap 模式上的 x 出现在模式上方而不是标题部分吗？我一直在尝试一些几乎可以工作但看起来很乱的 css。有什么简单的方法可以做到这一点吗？

Answer 1

检查这个sample fiddle

我将 .close 按钮放在 .modal-dialog 而不是 .modal-header 中，并添加了一些 css。希望这会有所帮助。

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    opacity: 1;
}
.modal-dialog {
  padding-top: 25px;
}