Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 其他>
  3. bootstrap设置背景图片自适应屏幕

bootstrap设置背景图片自适应屏幕

  • Post author:xfxia
  • Post published:2023年10月18日
  • Post category:其他


css中编辑此样式:
.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}


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

<div class="row bg">

使图片不随滚动条滚动,即固定不动则加fixd:

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

转载于:https://www.cnblogs.com/Hayley1666/p/8479491.html


你可能也喜欢

abb和plcsocket通讯_详解ABB机器人SOCKET通讯

nginx如何解决超长请求串

实际的机械臂绘制标准D-H参数表

lnmp环境搭建,及memcached安装

R语言与金融大数据处理——基础篇(代码)

录音动画

c语言float和double混用,C语言中float和double的问题。

ViewPager,PagerAdapter,FragmentPagerAdapter,FragmentStatePagerAdapter的API介绍翻译

pip源配置

逆矩阵的概念与性质

jQuery之toggleClass() 方法

html中两个表格的间距怎么设置,HTML两个表格间距怎么调整

SAP Spartacus 中的 HTTP URL parameters

jsp 获取图片地址

五、GC分析&内存调优

Testloader(测试加载)和Fixture(测试夹具)的使用

android studio gradle 添加jar,android studio学习—-通过gradle来导入jar包

前端基础之《Bootstrap(6)—全局CSS样式_表单》

jdk 17 有哪些新特性

AngularJS中$http服务的简单用法

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单