Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用图像将引导col-md-4 div设置为特定的宽度和高度_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何使用图像将引导col-md-4 div设置为特定的宽度和高度

Html 如何使用图像将引导col-md-4 div设置为特定的宽度和高度,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我想设置3行具有相同div宽度的col-md-4,并附加一个类为img responsive的图像 我所期望的是,无论图像的高度和宽度如何,它都应该与div宽度成比例地匹配 假设image1.png、image2.png和image3.png具有不同的比例,例如250*210px、290*380px等 由于您使用的是img responsive tag,您不必担心图像的高度和宽度会更大,因为它会调整到以下位置: .img-responsive, .thumbnail > img, .thu

我想设置3行具有相同div宽度的col-md-4,并附加一个类为img responsive的图像

我所期望的是,无论图像的高度和宽度如何,它都应该与div宽度成比例地匹配

假设image1.png、image2.png和image3.png具有不同的比例,例如250*210px、290*380px等

由于您使用的是img responsive tag,您不必担心图像的高度和宽度会更大,因为它会调整到以下位置:

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

请澄清您的问题。我想在我的网站上使用图库之类的图片显示公文包,所以我使用col-md-4进行行,比如我的图像是image1250*210、image2290*380等。。但我想把它们放在300*300 div元素中,它们应该响应改进的问题和代码示例您想用纯引导类或css来完成这项任务吗?首选引导,这样我可以使它们响应