![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
Magic-77
成长就是妥协与坚持的两难
展开
-
Bootstrap中的utilities(工具类)
变成弹性盒模型:d-flex/d-inline-flex 变成响应式的弹性盒模型:d-{breakpoint}-flex/inline-flex 子元素的排列方向: 1.flex-row 正序水平排列 2.flex-row-reverse 倒序水平排列 3.flex-column 正序垂直排列 4.flex-column..原创 2020-05-25 14:04:30 · 507 阅读 · 0 评论 -
Bootstrap中的响应式
响应式所具有的特点:1.网页的宽度自动调整2.尽量少用绝对宽度3.字体要使用rem、em做为单位4.布局要是用浮动、弹性布局@规则@chartset 定义编码@import 引入css文件(css模块化)@font-face 自定义@keyframes animation里的关键帧@media 媒体查询媒体查询:基于一个或多个基于设备类型、具体特点和环境阿里应用样式@media1.媒体类型2.媒体特性3.逻辑运算符媒体查询:all 所有设备print 打印机设备sc原创 2020-05-24 23:44:32 · 211 阅读 · 0 评论 -
Bootstrap中的栅格系统
栅格系统:xl为超大屏,屏幕宽度>=1200px,容器的宽度固定为1140px,一行可以设置12列,屏幕尺寸<1200的时候,一行只能设置1列lg为为大屏,屏幕宽度>=992px,容器的宽度固定为960px,一行可以设置12列,屏幕尺寸<992的时候,一行只能设置1列md为中等屏,屏幕宽度>=768px,容器的宽度固定为720px,一行可以设置12列,屏幕尺寸<768的时候,一行只能设置1列sm为小屏,屏幕宽度>=576px,容器的宽度固定为540px,一行原创 2020-05-24 23:28:46 · 416 阅读 · 0 评论