grid - Bootstrap 3.0处理边缘出血——调整装订线

Question

我正在尝试弄清楚如何在 Bootstrap 3 的列网格中为小型设备(但不是其他设备)创建从视口(viewport)的一个边缘溢出的内容。我希望这些图像能够越过阴沟。据我所知，如果您想要全角内容，可以将其放入 .container-fluid 中。但是，如果您希望它在较小的设备上从浏览器边缘流出，而不是在较大的设备上，该怎么办？

<div class="container-flud">
 <img src="holder.js/100x100" alt="This img ALWAYS bleeds from left edge">
</div>
<div class="container">
  <div class="row">
    <div class="col-md-6">
      <img src="holder.js/100x100" alt="This img always has 15px left-padding">
    </div>
    <div class="col-md-6">Lorem ipsum dolor</div>
  </div>
</div>

我在网格系统或 Bootstrap 方面没有太多经验。 Bootstrap 似乎非常适合在断点处保持恒定填充的设计。然而，当该填充必须改变或不存在时，我对它应该如何工作感到困惑。我错过了什么？

编辑:澄清问题

Answer 1

如果您想要全角内容，则需要使用 container-fluid 而不是 container。