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


你可能也喜欢

深度学习输入输出特征图尺寸计算&&卷积的填充方式

pyecharts绘制折线图时轴坐标的数据类型探究

安卓无法收到推送的问题

在VScode中编辑latex

Webstorm使用git(windows10)

js中的因数分解

leetcode:278. 第一个错误的版本

嵌入式学习之电动车报警项目

Mac 升级 Git

证书查询_国家职业资格证书正确查询方法

Flink中的时间语义和watermark

TS 泛型的使用

组合查询(UNION)

Apache SSI 远程命令执行漏洞(SSI注入漏洞)复现 _ _使用vulhub搭建环境

android集成ndk,Android Studio集成NDK

浏览器建立安全连接失败

为什么新板仍然包含串口?

【RK3399 Android10 二合一 支持GM8775C mipi转lvds 10.1寸屏幕适配】

20190729——类和对象(一)、全局变量、局部变量、构造函数、方法重载、this的使用、面向对象

Spring Boot配置XSS

目录

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