【问题标题】:I can't get rid of right hand side padding/margin我无法摆脱右侧填充/边距
【发布时间】:2015-09-25 21:47:07
【问题描述】:

我有一个 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 - 如果您查看输出顶部的灰色行,您会发现它并没有完全拉伸整个宽度。顺便说一句,大多数元素的内联样式是为了消除任何右侧的填充/边距并消除罪魁祸首。

【问题讨论】:

    标签: html css twitter-bootstrap


    【解决方案1】:

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

    Here is the link

    【讨论】:

    • 看起来我的表单 div 放错了位置。谢谢你的帮助。非常感谢。
    【解决方案2】:

    .form-group 边距是额外的。另外请删除您在各处提供的额外保证金。我已经为你附上了干净的代码的提琴手

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

    来自 Bootstrap CSS

    检查提琴手 https://jsfiddle.net/5xqLbtak/

    【讨论】:

    • 谢谢,排序 div 行 - col - form 水平 - form group 解决了它。谢谢