css - 如何在 Bootstrap 3 中获取视口全角图像

Question

我正在尝试实现突破其父容器以占据视口中 x 轴 100% 的图像，但无论我是否尝试

img-fluid

或者通过 CSS

.breakout { 
position: relative;
left: 50%;
transform: translate(-50%, 0);
width: 100vw; 
}

它不起作用。

这是我的示例帖子

这是我查看代码的存储库。请注意，我基本上已将其恢复为“香草”状态，并且仍然是前端的新手。该主题基于 Start Bootstrap 的“Clean Blog”。