博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在Bootstrap4中使用垂直居中
阅读量:5340 次
发布时间:2019-06-15

本文共 394 字,大约阅读时间需要 1 分钟。

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。

Bootstrap4下载地址:>>点我下载<<

在制作页面时,当我们需要div或者图片垂直居中时,可以在div中添加 样式。

如下图所示,每个卡片的左侧图片没有垂直居中,然而我们需要它垂直居中。

这里写图片描述
图1. 未垂直居中的效果
此时,我们在图片的外层div中添加 样式,如下图所示,完成了我们的预期效果:
这里写图片描述
图2. 垂直居中的效果图

转载于:https://www.cnblogs.com/kangyongnian/p/9728551.html

你可能感兴趣的文章
安卓第十三天笔记-服务(Service)
查看>>
Servlet接收JSP参数乱码问题解决办法
查看>>
【bzoj5016】[Snoi2017]一个简单的询问 莫队算法
查看>>
Ajax : load()
查看>>
MySQL-EXPLAIN执行计划Extra解释
查看>>
Zookeeper概述
查看>>
Zookeeper一致性级别
查看>>
Linux远程登录
查看>>
Linux自己安装redis扩展
查看>>
HDU 1016 Prime Ring Problem(dfs)
查看>>
C#中结构体与字节流互相转换
查看>>
session和xsrf
查看>>
跟随大神实现简单的Vue框架
查看>>
Linux目录结构
查看>>
LeetCode-Strobogrammatic Number
查看>>
luoguP3414 SAC#1 - 组合数
查看>>
五一 DAY 4
查看>>
(转)接口测试用例设计(详细干货)
查看>>
【译】SSH隧道:本地和远程端口转发
查看>>
win8.1安装Python提示缺失api-ms-win-crt-runtime-l1-1-0.dll问题
查看>>