【Bootstrap】Bootsrap v5 footer页尾
一、效果
二、代码
<style>a {text-decoration: none !important; }a:hover {text-decoration: none !important;}</style><div class="container-fluid"><footer style="width: 100%; overflow: hidden;"><hr style="border: 1px solid #000000;"><div class="row" style="text-align: center;"><div class="col-sm-4 col-md-4 col-lg-4"><a href="#" style=" color: gray;">关于作者</a></div><div class="col-sm-4 col-md-4 col-lg-4"><a href="#" style=" color: gray;">相关参考</a></li></div><div class="col-sm-4 col-md-4 col-lg-4"><a href="#" style=" color: gray;">特别致谢</a></li></div></div></footer></div><script type="text/javascript" src="/static/js/bootstrap/bootstrap.js"></script><link rel="stylesheet" href="/static/css/bootstrap/bootstrap.css">
三、核心设计
3.1 使页尾100%占据屏幕
<div class="container-fluid"></div>
.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。
3.1 去除 a 标签下划线
<style>a {text-decoration: none !important; }a:hover {text-decoration: none !important;}</style>
【Bootstrap】Bootsrap v5 footer页尾相关推荐
- 移动端布局规范-固定页头页尾-中间随高度滑动
<!DOCTYPE html> <html> <head><title>移动端上下固定中间滑动</title><meta charse ...
- javascript将页尾悬置在页面底部
需求描述: 网站的页尾常常需要被放置在底部.但是普通文档流布局的话,这个底部会随着文档流移动,在不同高度的显示器上的表现效果就不同了.这里就需要: 1.当文档高度大于可视区域高度的时候,跟随文档流布局 ...
- 网页制作---眉头(导航栏)及页尾(版权信息)处理
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Android复习06【网络编程提高篇-安装GsonFormat、HttpUrlConnection封装、线程池、GsonFormat解析Json、自动加载下一页、自定义组件、页头页尾刷新、侧滑删除】
2020-04-07 星期二 [第8周] [考试不考...] 目 录 思维导图 安装GsonFormat插件 添加网络访问权限 GitHub---HttpUrlConnection封装 线程池 G ...
- header里面加值如何去掉引号_用ods tagsets.rtf 产生的表,怎么去掉页尾处的空白?...
虽然ods tagsets.rtf 和 ods rtf 相比有很多优点,但它也不是完美无缺的.比如,我们设好了page break 的变量,想通过 break after 语句来设置分页,但是ods ...
- SAP WRITE设置列表颜色 页眉页尾输出控制
WRITE输出表格,控制页眉页尾内容输出行数 单元格输出颜色 ◆◆ 语法 ◆◆ 代码 ◆◆ 效果 ◆◆ 语法 FORMAT COLOR [ON] INTENSIFIED [ON|OFF] INVERS ...
- Excel学习笔记:P13-页首、页尾设计、表格加水印
文章目录 一.页首.页尾设计 二.制作水印 一.页首.页尾设计 文件的页首.页尾常常用来标注时间.页码.表格标题等信息.但我们在使用Excel时,无法像word一样直接预览文件的页首.页尾.这是因为E ...
- html网页页尾,终于认识网页页尾设计注意技巧
网页页尾设计注意技巧 以下就是网页页尾设计注意技巧等等的介绍,希望为您带来帮助. 设计网站时,企业都会把大部分的精力放在网页头部上,这样做当然无可厚非,因为网页头部是用户一打开来就看到的,有着相当重要 ...
- 修改Colibri主题的页尾copyright信息——webpack建站小技巧(一)
建站的同学应该没有不知道webpack的,行业内最大的建站系统吧,高度支持自定义,高扩展性.但在使用的过程中,也遇到了一些难平的坑,特在此记录一下,备忘及分享给大家. 这篇文章讲的是使用Colibri ...
最新文章
- Prefactoring——Guidelines
- Cacti+Nagios完全攻略(二)整合cacti与nagios安装部署
- Git图文教程:从零到上传GitHub项目
- Leetcode215数组中第k大的数-最小堆
- sql int 转string_由String引发的思考
- linux如何使用uboot的命令,Uboot常用命令使用
- MSP430F5529 DriverLib 库函数学习笔记(九)SPI
- LeetCode 1654. 到家的最少跳跃次数(BFS)
- 不连续字符的串计数(洛谷P4439题题解,Java语言描述)
- pom模块依赖关系梳理
- 修改Imdict做自己的分词器
- Trip to Canvas(1)
- 希捷ST31000528AS Disk Boot Failure, Insert System Disk and Press Enter和飞利浦的193ei显示器亮的问题
- UE4编辑器扩展踩坑血泪史
- 计算机二级电子表格使用技巧36种,Excel表格的基本操作(精选36个技巧)
- 无需外部晶振的SOP16封装串口扩展芯片/UART扩展芯片/1扩4芯片介绍及指令说明
- KafkaStream之时间窗口WindowBy
- 一年成为博客专家? 致!奋斗的自己
- 安装卸载Oracle
- Win10下媲美apt的包管理工具 Scoop 的安装以及常用软件清单