Html Bootsrap列宽大于图像

我有一个列，里面有一个230x320占位符

class='img-responsive'

图像。图像为230x320，但列宽为

col-md-3

问题是图像宽度小于列宽，因此空间从左到右。此外，当该列更改为

col-md-2

时，图像将变为响应，从而显示小于230x320大小的图像

有没有一种方法可以使此列保持响应，但减小列的宽度，但保留右侧的默认引导填充

下面是这样的图像：

我已经添加了代码片段，但是引导不起作用，也许我的链接不应该在哪里

个人资料照片
阿凡达
上传照片

引导的行为基于您的标记是适当的。从

img responsive

类的引导文档中：

这适用于

最大宽度：100%，
高度：自动和
显示：块
以使其与父元素很好地缩放

您需要的行为不是
max width:100%而不是<代码>宽度：100%，将图像缩放到父元素的全宽

这演示了覆盖，但是在最终产品中，我建议将自定义CSS类添加到
img
标记。
引导的行为基于您的标记是适当的。从
img responsive
类的引导文档中：

这适用于
最大宽度：100%，
高度：自动和
显示：块
以使其与父元素很好地缩放

您需要的行为不是
max width:100%而不是<代码>宽度：100%，将图像缩放到父元素的全宽

这演示了覆盖，但是在最终产品中，我建议在
img
标记中添加一个自定义CSS类。
ahh！谢谢，亚历克斯：）哦，实际上它已经使图像比230x320的尺寸更大了……但是我如何保持特定的尺寸呢？为了让图像以更大的屏幕尺寸填充响应栏的宽度，只有一个要求可能得到满足。要么图像必须扩展到超过230px的宽度才能填充该列（我在上面的回答），要么该列必须限制为最大宽度230px（有效地破坏了引导的网格系统）。我现在明白了，感谢您为我澄清这一点。啊！谢谢，亚历克斯：）哦，实际上它已经使图像比230x320的尺寸更大了……但是我如何保持特定的尺寸呢？为了让图像以更大的屏幕尺寸填充响应栏的宽度，只有一个要求可能得到满足。要么图像必须扩展到超过230px的宽度才能填充该列（我在上面的回答），要么该列必须限制在230px的最大宽度（有效地破坏了Bootstrap的网格系统）。我现在明白了，感谢您为我澄清这一点。