如何使用bootstrap使图像响应而不占用整个分区的宽度？

任何使用过twitter bootstrap的人都知道可以使用img-responsivehtml img标签中的类来响应图像.但是,这些图像占据了分区宽度的100%.

如何在保持原始宽度的同时使图像响应？

您可以将图像放在包装器中,并为包装器提供您希望图像具有的宽度. HTML

CSS

.imgwrapper {
   width: 80%;
}

理论上,上面应该imgwrapper占父元素宽度的80%,img-responsive图像上的-class将填充整个包装器.

如果这不能回答你的问题,你能解释一下你的意思keep original width, but make it responsive吗？由于使其响应将调整图像大小,这意味着它将不具有原始宽度.