我想知道更改填充是否有助于首先将图像设置为 100%。下面的代码将是 100% 视口(绿色)。还要提到您的内容有填充。此填充在您的 col-xs-12 上设置(删除它:将 .col-xs-12 的填充设置为零)在您的情况下,使用图像删除 col- -的填充。
<div class="container" style="background-color:green;">
<div class="row">
<div class="col-xs-12 contact">
content
</div>
</div>
</div>
</div>
关于您的滚动条,实际上您是这样做的:
<div class="container" style="background-color:green;padding:0">
<div class="row">
<div class="col-xs-12 contact">
content
</div>
</div>
</div>
添加padding:0
这将为您提供一个水平滚动条,因为您的 .row 类在两侧都有 15px 的负边距。要删除滚动条,请将 .row 的边距设置为零以:
<div class="container" style="background-color:green;padding:0">
<div class="row" style="margin:0">
<div class="col-xs-12 contact">
content
</div>
</div>
</div>
另请参阅:https ://stackoverflow.com/a/19044326/1596547关于网格排水沟的构造