您的位置:快搜搜 > bootstrap怎么让居中 bootstrap怎么让自适应

bootstrap怎么让居中 bootstrap怎么让自适应

2023-06-30 08:14 bootstrap让图片自适应

bootstrap怎么让居中 bootstrap怎么让自适应

bootstrap怎么让居中

bootstrap怎么让图片自适应

bootstrap让图片自适应的方法:

1、如果是在页面上插入图片,就直接加上class="img-responsive"
<img src="..." class="img-responsive center-block" >

2、如果是在内容页里面的话,直接用js给每个img加上属性就可以了。

$(".setting img").addClass("img-responsive center-block"); //center-block 图片水平居中

在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。

更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

作者:尚

阅读全文
以上是快搜搜为你收集整理的bootstrap怎么让居中 bootstrap怎么让自适应全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 快搜搜 kuaisousou.com 版权所有 联系我们
桂ICP备19012293号-27 Powered by CMS