Question

我有一个ASP.NET Web窗体（使用Bootstrap 3），它有一个容器流体，包含行然后是列。我希望行能够拉伸屏幕的整个宽度。这是有效的，但屏幕的右边缘有一个小的边缘（或填充），我无法摆脱。它似乎是在身体层面。没有这么大的问题，除了水平滚动条出现在屏幕的底部，以推动额外的15px - 烦人。有人可以帮忙吗？谢谢！

<body style="margin-right:0px">
    <form id="form1" runat="server">
    <div> 
     <div class="container-fluid" style="margin-right:0px;padding-right:0px" >

Fiddle - 如果你看一下输出顶部的灰色行，你会发现它并没有完全拉伸全宽。顺便说一句，大多数元素的内联样式是试图删除任何右侧边距/边距并消除罪魁祸首。

Answer 1

.form-group保证金额外。另外请删除您在任何地方提供的额外保证金。我为你提供了干净利落的代码

.form-horizontal .form-group {
    /* margin-left: -15px; */
    /* margin-right: -15px; */
}

来自Bootstrap CSS

检查Fiddler a Github repo with these models

Answer 2

您只需使用标准的Bootstrap网格即可。删除多余的样式。确保每行内部始终有col-md*。下面是一个指向你的提琴手的链接，没有滚动条，没有额外的内联样式

Here is the link

我无法摆脱右侧边距/边距

2 个答案: