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


你可能也喜欢

将原神角色导入unity 完整版

计算机寄存器组的功能,一文看懂8086CPU寄存器的特点和作用

labelme的使用方式

移动端适配方案,基于postcss

swagger添加访问密码使用:swagger-bootstrap-ui,@EnableSwaggerBootstrapUI

高云FPGA云源软件下载

Rust Reqwest 学习

PV,VG,LV的关系和操作

2016年蓝桥杯C语言大学A组题目1–网友年龄

计算机网络「二」—— 物理层(多图详解)

cmd ping端口_一个合格Windows用户都应该知道的10个CMD命令

Tiled Map Editor(二)

【代码随想录训练营】Day50-动态规划

STM32CUBEMX配置教程(十二)STM32的定时器触发的固定频率ADC采样(使用DMA)

InceptionNet网络搭建(tensorflow,keras)

秒杀下单流程问题

c语言作业合集,C语言本学期题目合集.docx

SciencePub学术 | 区块链类重点SCIE&EI征稿中

Maven 项目查找 类 是由哪个依赖引入的

文本框中 只能显示2位整数

目录

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