今天小编就为大家带来一篇关于如何设置bootstrap背景图片自适应的文章。小编觉得挺实用的，为此分享给大家做个参考。一起跟随小编过来看看吧。

十载专注建站、设计、互联网产品按需求定制设计服务，业务涵盖成都品牌网站建设、商城网站开发、重庆小程序开发公司、软件系统开发、重庆APP开发公司等。凭借多年丰富的经验，我们会仔细了解每个客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，创新互联公司更提供一系列网站制作和网站推广的服务，以推动各中小企业全面信息数字化，并利用创新技术帮助各行业提升企业形象和运营效率。

css中编辑此样式：

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}

然后在你的div里引用这个样式就行了：

使图片不随滚动条滚动，即固定不动则加fixd，css代码如下：

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}

看完上述内容，你们掌握使用bootstrap背景图片自适应的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联成都网站设计公司行业资讯频道，感谢各位的阅读！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：bootstrap背景图片自适应-创新互联
本文来源：http://ybzwz.com/article/dghcgj.html