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


你可能也喜欢

RK3588-WIFI/BT调试之AP6256

单点登录(sso)

打开CMD(Windows命令行)的几种方式

【原型和原型链】什么是原型和原型链

C++学习之erase()与insert()

WampServer图标黄色,服务器状态为在线的解决办法

【UE4引擎架构梳理】【挖坑】

Redis 缓存穿透, 缓存击穿, 缓存雪崩的解决方案与布隆过滤器

Servlet——文件的上传

bugku中的多次(异或注入,updatexml报错注入,union过滤和locate绕过,布尔盲注)writeup

C++:cin、cin.getline()、getline()的区别与用法

Just demo test

关于odex在art模式上的意义的理解

常用的核函数

【算法竞赛入门练习题】查找输入的字符串中重复的字符,并输出重复的字符与频次

用c语言程序写一个电子点餐系统,基于C语言代码实现点餐系统

oracle分配内存参数,Oracle 内存参数调整

distinct和limit关键字

kali中安装nessus

DialogFragment的使用

目录

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