.bg { background:url(图片地址) no-repeat center; background-size:contain; }
然后在你的div里引用这个样式就行了:
使图片不随滚动条滚动,即固定不动则加fixd,css代码如下:
.bg { background:url(图片地址) no-repeat center fixed; background-size:contain; }更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
以上就是bootstrap怎么设置背景图片自适应屏幕大小的详细内容,更多请关注其它相关文章!
写下你的评论吧 !推荐阅读
本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]蜡笔小新 2023-12-12 12:45:59 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]蜡笔小新 2023-12-11 12:37:10 本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]蜡笔小新 2023-12-11 12:06:41 随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]蜡笔小新 2023-12-10 20:05:15 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]蜡笔小新 2023-12-14 15:43:50 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]蜡笔小新 2023-12-13 18:08:58 本文纠正了网上关于自定义一个类叫java.lang.System/String的错误答案,并详细解释了为什么这种方法是错误的。作者指出,虽然双亲委托机制确实可以阻止自定义的System类被加载,但通过自定义一个特殊的类加载器,可以绕过双亲委托机制,达到自定义System类的目的。作者呼吁读者对网上的内容持怀疑态度,并带着问题来阅读文章。 ... [详细]蜡笔小新 2023-12-11 16:54:20 本文介绍了在Centos7上搭建ELK(Elasticsearch、Logstash、Kibana)的详细步骤,包括下载安装包、安装Elasticsearch、创建用户、修改配置文件等。同时提供了使用华为镜像站下载安装包的方法,并强调了保证版本一致的重要性。 ... [详细]蜡笔小新 2023-12-10 16:27:21 本文主要分析了Netty源代码中服务器端启动的过程,包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用,深入理解Netty服务器端的启动过程。同时,还介绍了LoggingHandler的作用和使用方法,帮助读者更好地理解Netty源代码。 ... [详细]蜡笔小新 2023-12-10 15:42:28 http:valor-software.comng2-bootstraphttps:www.primefaces.orgprimeng#autocomplete转载于:https: ... [详细]蜡笔小新 2023-12-09 20:57:51 本文讨论了使用bootstrapselect插件设置container后,选择完选项后options不隐藏的问题,给出了解决方法,并提供了相应的jsfiddle链接进行演示。 ... [详细]蜡笔小新 2023-12-09 17:18:48 本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例,展示了Icon.ad ... [详细]蜡笔小新 2023-10-17 22:46:43 查询单个functionquery(id){$.ajax({url:smallproductServlet,async:true,type:POST,data:{typ ... [详细]蜡笔小新 2023-10-17 19:40:17
郭彦伶克瑞雅书这个家伙很懒,什么也没留下!Tags | 热门标签RankList | 热门文章
- 1Cassandra1.2文档学习解读计划——为自己鼓劲
- 2(ang010ela)浅析区块链与安全
- 3mfc在运行的时候为什么没有实例化_通过一个Serverless案例,理解FaaS的运行逻辑...
- 4【Luogu2458】保安站岗(动态规划)
- 5是否有一个函数,最好是在Oracle中,如果满足5个条件中的任何3个条件,我们可以选择行?
- 6gnu.trove.set.hash.TIntHashSet.contains()方法的使用及代码示例
- 7[杭州][涂鸦智能][15K30K][15薪]
- 8开发笔记:1.HTTP与HTTPS区别
- 9Android开发资源推荐第2季
- 10在条件下点燃所有事件,否则不点火 - On condition fire all events, else fire none
- 11开发笔记:Pandas vs. PEP8:选择具有混合类型的系列中的真值
- 12腾讯发布 Omix 1.0 - 用 JSX 或 hyperscript 创建用户界面
- 13如何设置word毕业论文中的页眉和页脚?
- 14java springcloud 服务的下线与续约
- 15A窗口消失B窗口弹出
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有