原代码
<div class="row">
<div class="col-md-3">
<img src="">
</div>
</div>
问题:图片不能根据网格布局自适应时怎么办?
方法一:修改img css
img {
width: 100%;
}
此方法一次就能改所有img
方法二:给img 添加 class="img-responsive"
如果是用Bootstrap 4 版本要用class="img-fluid"
<div class="row">
<div class="col-md-3">
<img class="img-fluid" src="">
</div>
</div>
此方法要单独一个个给需要的img 添加