如何裁剪图像以仅显示中心部分?

Question

我在Bootstrap 3上。我如何显示在.col-sm-6网格列裁剪的图像?

图片宽度为720px

单独使用.img-responsive，当显示尺寸改变时，图像将按比例调整大小。相反，我希望将左/右边框裁剪掉，只显示图像原始宽度的中心部分，比如50%。

Answer 1

虽然我很难理解你为什么在BS3。这是我们得到的:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-positionCSS文档。关于图像定位

开发工具(chrome很好)。选择要将裁剪居中的列、行或图像。然后尝试CSS属性来实现你想要的。Chck示例

另一个选择是使用b.s strp Last。可能比你想要的要多。