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 · 491 阅读 · 0 评论 -
Bootstrap中的响应式
响应式所具有的特点: 1.网页的宽度自动调整 2.尽量少用绝对宽度 3.字体要使用rem、em做为单位 4.布局要是用浮动、弹性布局 @规则 @chartset 定义编码 @import 引入css文件(css模块化) @font-face 自定义 @keyframes animation里的关键帧 @media 媒体查询 媒体查询:基于一个或多个基于设备类型、具体特点和环境阿里应用样式 @media 1.媒体类型 2.媒体特性 3.逻辑运算符 媒体查询: all 所有设备 print 打印机设备 sc原创 2020-05-24 23:44:32 · 207 阅读 · 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 · 374 阅读 · 0 评论