Question

我是新手，所以我不知道它是如何运作的！我想要做的是使屏幕截图中显示的3张图像大小相同他们的决议是不同的这是每个图像的html

＆＃13;

 <div class="col-sm-2 ">

				<div> <img src="img/test.jpg"> </div>

				<div > <h3>Text Here</h3> </div>
				
			</div>

＆＃13;

这是截屏

Answer 1

将class="img-responsive"添加到您的img中，对于相同大小的显示，您可以添加一些自定义类，例如my_img，并在那里设置大小：

my_img{
height: 200px
width: 150px
}

或为父级设置默认高度。比你可以宽度：100％;身高：100％

所以你知道的是一个专栏。这设定了宽度。比你有一个没有上课的div。您可以直接为该div或img添加样式。

Answer 2

该列在默认情况下是响应式的，因此只需给img一个width: 100%;（它将缩放到父元素），并且该div也将缩放到其父元素，即col-sm-2