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


你可能也喜欢

Sie sind das Essen und wir sind die Jaeger!

Hyperledger Fabric(入门)

SOCKET.IO简易API

EXT.JS 弹窗

ChatGPT技术与市场动态

DateTime::diff

AtCoder Beginner Contest 261 (ABC 261) B~F 题解

MATLAB中ode45()和Runge-Kutta算法(4阶)的比较

二分图的最大匹配、完美匹配和匈牙利算法详细理解

安装ansible提示;Error:Unable to find a match:ansible解决方案;

5.每日一读—布隆过滤器的应用

Jq阻止在IE浏览器防止退格键返回

scrollTop是什么及用法说明

怎么解除无限一分钟_qq校园扩列匹配次数一直是0 次数用完怎么无限解除限制方法…

PostgreSQL/pgsql监控–慢查询插件pg_stat_statements

报错”UnicodeDecodeError: ‘utf-8’ codec can’t decode byte”的解决办法

C#零基础运动控制教程–运动控制卡低速高速运动实验

搞懂left join、join、right join的区别

ARM汇编的一些常识

TortoiseGit常用的功能

目录

  • 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
关闭菜单