Css 使引导模态X在模态之上，而不是在模态之中

我是否可以让引导模式上的

x

显示在模式上方而不是标题部分？我一直在尝试一些css，几乎可以工作，但使它看起来混乱。有什么简单的方法可以做到这一点吗？

请举例说明您希望它的外观。HTML CSS代码会很好。 假设你正在使用这个

---

请举例说明您希望它的外观。HTML CSS代码会很好。 假设你正在使用这个

检查这个

我将

.close

按钮放置在

.modal对话框

中，而不是

.modal标题

，并添加了一些css。希望这有帮助

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

检查这个

我将

.close

按钮放置在

.modal对话框

中，而不是

.modal标题

，并添加了一些css。希望这有帮助

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