我找不到解决我的问题的方法。我正在使用此模板中的零件代码 - http://blackrockdigital.github.io/startbootstrap-full-width-pics/标题中全宽的图像在哪里。
这是我的文件的屏幕截图 - http://pasteboard.co/1E4k2zxf.png 您可以在右侧看到白色间隙。而且你可以从左到右向下滚动(看起来宽度超过了 100%)
在 HTML 中我使用这个类:
<body>
<div class="image-bg"></div>
.............
它在正文中，不在任何其他标签中。我在这些行中使用 clear bootstrap 3.3.6 和 custom.css:
.image-bg {
background: url('http://lorempixel.com/g/1920/500') no-repeat center center scroll;
height: 384px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
但还是不行。它在图像的右侧创建边距或填充，但它不应该。除了 bootstrap 和 custom.css 之外，没有任何其他 CSS 文件。
谢谢你的想法:)
最佳答案
这不是图像容器的问题，是顶部的导航栏导致了额外的边距。看截图:
快速修复是添加
body {
overflow-x: hidden
}
或者找出导致导航栏额外宽度的原因
关于css - Bootstrap 全宽图像标题创建空白间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35481309/