我想要做的是只显示图像的一部分,比如现在显示的高度的 50% 是我要裁剪的高度,当用户单击图像时,它会完全打开,也可以在模态中打开。
我只是在学习引导程序,我的代码是这样的:
<div class="row">
<div class="col-lg-3">
<img src="./img/muestra.jpg" class="img-thumbnail">
</div>
<div class="col-lg-9">
<select>
<option>Seleccione una opción</option>
</select>
</div>
</div>
如果我放置一个固定的高度,图像就会被压扁,我正在寻找的是它被裁剪出来。有任何想法吗?
我要给你两个简单的解决方案,一个用CSS,一个用JS(jquey)
CSS
JS
您需要使用包装它的 div,例如:
我已经改变了
col-lg
这个col-xs
例子。现在你只需要放置一个监听器,这样当你点击它时,模式就会打开,你已经用 bootstrap 完成了;)