今天小编就为大家带来一篇关于如何设置bootstrap背景图片自适应的文章。小编觉得挺实用的,为此分享给大家做个参考。一起跟随小编过来看看吧。
css中编辑此样式:
.bg { background:url(图片地址) no-repeat center; background-size:contain; }
然后在你的div里引用这个样式就行了:
<div class="row bg">
使图片不随滚动条滚动,即固定不动则加fixd,css代码如下:
.bg { background:url(图片地址) no-repeat center fixed; background-size:contain; }
看完上述内容,你们掌握使用bootstrap背景图片自适应的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。