html - 删除神秘的 20px 边距 - Bootstrap 3.3.4

Question

我已将我的代码分开，但有一个烦人的小边距问题让我感到难过。我创建了一个 Bootstrap v3.3.4 网站，但在导航栏和图像上，有一个 20px 左右的边距，看起来像排水沟或悬垂。我尝试通过将此类应用于行来重置 CSS 边距和填充

.row.no-gutters {
     margin-left: 0;
     margin-right: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
     padding-left: 0;
     padding-right: 0;
}

并将其包含在我的样式表中

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

但我没有运气摆脱这些边距。我正在使用旧版本的网站，它有不同的错误，我正在尝试修复这些错误...不知何故，尽管样式表几乎相同，但新版本的边距很奇怪.这是故障点的图片

我希望导航栏看起来像什么:

导航栏当前的样子:

我希望边栏看起来像什么:

侧边栏当前的样子:

在 Plunker 上查看我的代码并进行演示:

http://plnkr.co/edit/IPVa7Y86Grv1SSj9hWBt?p=preview

您会注意到边栏图像的左侧和右侧以及页脚中的占位符框周围有大约 20 像素的小边距。我注意到图像和文本的边距都保留了下来。在 .wrapper 和导航栏之间也有 20px 左右的边距悬垂，但在 Plunker 中看不到它。尽管我确实尝试复制它。

Answer 1

Joansy 大家好。

Manoj Kumar 是对的，关于如何使用 Bootstrap container 和 row 的使用。

这就是给您带来问题的原因。

看看这个 Fiddle .
我很快完成了一些更改，以解决您的代码问题。
查看两个代码之间的区别。
底部的滚动条现在也不见了。

更新 Fiddle 以在图像上无填充。

看看这个 Fiddle 看看这是否是您希望图像显示的方式。