如何增加Bootstrap模态框的宽度？

Question

164

我尝试过这个，但是出了点问题

以下是CSS代码

body .modal-ku {
width: 750px;
}

这是失败的结果

- Damara Jati P

4

在Bootstrap中，您可以使用modal-sm和modal-lg来控制模态框的大小。modal-sm用于小尺寸，modal-lg用于大尺寸。 - Leo the lion

你能分享一下你具体的HTML和CSS代码吗？有些样式可能被覆盖了。 - Nikhil Batra

你能分享你的完整代码吗？或者你可以看看这个例子，在这个模型中宽度是可变的。http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h - Har devgun

1

@Hardevgun 请解释一下在这个例子中哪里可以更改模态框的大小？那只是一个简单的演示，固定大小的模态框。 - ProfK

22个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- heker · Answer 1

很简单，如果你想要常量

```<div class="modal-dialog" style="max-width:1000px; max-height:1000px;">```

- SilumanSupra · Answer 2

.your_modal {
    width: 800px;
    margin-left: -400px; 
 }

margin left的值为模态框宽度的一半。我在Maruti Admin主题中使用它，因为它没有类.modal-lg .modal-sm