首页 >web前端 >Bootstrap教程 > 正文

bootstrap怎么设置背景图片自适应屏幕大小

原创2019-07-18 17:34:090659
第八期线上培训班

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相关技术文章,请访问Bootstrap教程栏目进行学习!

以上就是bootstrap怎么设置背景图片自适应屏幕大小的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:bootstrap图片自适
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 9天学会html+css+bootstrap视频教程9天学会html+css+bootstrap视频教程
  • Bootstrap.用户界面架构视频教程Bootstrap.用户界面架构视频教程
  • BootStrap插件讲解视频教程BootStrap插件讲解视频教程
  • 后盾网BootStrap视频教程后盾网BootStrap视频教程
  • 视频教程分类
    第八期线上培训班