时间戳

首页 > 解决方案 > 如何在引导程序中更改图像的宽度

html - 如何在引导程序中更改图像的宽度

问题描述

当屏幕为 lg 或更大时，我希望我的图像为 w-100，当屏幕为 md 或更小时，我希望我的图像为 w-50

<div>
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 order-md-2"><img src='image.png' class="w-100 w-md-50"> 
                </div>                
            </div>
        </div>
</div>

是否有一个 boostrap 类，我可以在其中以哪个大小写哪个宽度？在我的代码中，我尝试w-md-5按照编写offset-md-1，但是没有用

标签： htmlcssbootstrap-4

解决方案

https://getbootstrap.com/docs/4.0/layout/grid/

我没有测试它，但你可以尝试反过来做 -<img src='image.png' class="w-50 w-md-100">

因为 w-50 表示从特小到中等，而 w-md-100 表示从中等或 768px 到以上..

推荐阅读