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


你可能也喜欢

福大软工1816 · 第五次作业 – 结对作业2

DL —— 卷积神经网络(convolutional neural networks,CNN)

结构体成员的内存分配

GitHub & Bitbucket & GitLab & Coding 的对比分析

经典sql50题,附答案,适合初学者练手!

C语言基础教程(二)数据类型、变量和运算符

npm 全局安装目录

Spring IOC 容器如何调用 对象的 set 和构造方法的

利用 Wireshark 查看 nmap 运行原理

Springboot基础系列:统一处理(返回/异常)

8.input设备(input子系统)驱动

搜索和选择联系人

【路径规划】【附源码】Hybrid A*的C++实现

【递归 哈希表 根据根节点位置划分左右】 105从前序和中序遍历序列构造二叉树

js简易ATM模拟

数据结构和算法总结:广度优先搜索BFS和深度优先搜索DFS

事务的7种传播特性

.NET C# Session 详解

人大金仓和达梦两则之间得区别

可重定位目标文件

目录

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