Twitter bootstrap 全宽模式渲染不正确
请你看一看，让我知道为什么全幅模式没有放在页面的中心 以下是我正在使用的代码：Twitter bootstrap 全宽模式渲染不正确,twitter-bootstrap,Twitter Bootstrap,请你看一看，让我知道为什么全幅模式没有放在页面的中心 以下是我正在使用的代码： <div class="container"> <div class="well "> <button class="btn" data-toggle="modal" href="#dim">Launch Demo</button> <div id="dim" class="modal container hide fade" tabindex="-1">
<div class="container">
<div class="well ">
<button class="btn" data-toggle="modal" href="#dim">Launch Demo</button>
<div id="dim" class="modal container hide fade" tabindex="-1">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Full Width</h3>
</div>
<div class="modal-body">
<p>This modal will resize itself to the same dimensions as the container class.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin ipsum ac ante fermentum suscipit. In ac augue non purus accumsan lobortis id sed nibh. Nunc egestas hendrerit ipsum, et porttitor augue volutpat non. Aliquam erat volutpat. Vestibulum scelerisque lobortis pulvinar. Aenean hendrerit risus neque, eget tincidunt leo. Vestibulum est tortor, commodo nec cursus nec, vestibulum vel nibh. Morbi elit magna, ornare placerat euismod semper, dignissim vel odio. Phasellus elementum quam eu ipsum euismod pretium.</p>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
启动演示
×
全宽
此模式将自身调整为与容器类相同的尺寸
Lorem ipsum dolor sit amet，是一位杰出的献身者。在发酵前用苏打素代替发酵剂。在ac-augue中，非累赘性脑干损伤为nibh。这是一个很好的例子。阿利奎姆·埃拉特·帕特。枕叶前庭节杖。埃尼安·亨德雷特·里索斯·内克，埃吉特·廷西登·利奥。前庭是侵权人的，一般是侵权人的，前庭是侵权人的。莫比精英麦格纳，奥纳雷·普莱斯特拉特·伊斯莫德·森佩尔，奥迪奥贵宾。元素的相位等于同一相位等于同一相位
接近
保存更改
.modal{
margin-left:auto;
right:0;
left:0;
}
我建议您使用最新版本的引导，但在这种情况下，您必须覆盖某些样式：
.modal{
margin-left:auto;
right:0;
left:0;
}
在这种情况下，“全宽”是父容器的全宽，最大为1170px，在较窄的视口中较小 如果您查看中.modal的样式，您将看到它具有
.modal{
position:fixed;
top:10%;
left:50%;
z-index:1050;
width:560px;
margin-left:-280px;
...
}
.modal{
left:0;
width:auto; /* or 100% */
margin-left:0;
}
希望这有帮助 在这种情况下，“全宽”是父容器的全宽，最大为1170px，在较窄的视口中较小 如果您查看中.modal的样式，您将看到它具有
.modal{
position:fixed;
top:10%;
left:50%;
z-index:1050;
width:560px;
margin-left:-280px;
...
}
.modal{
left:0;
width:auto; /* or 100% */
margin-left:0;
}
希望这有帮助 模式对话框的宽度在引导的CSS中设置。如果更改
宽度左边距宽度左边距