bootstrap -- 一个标签中,同时有 col-xs , col-sm , col-md , col-lg
Bootstrap 一个 -- 标签 同时 md col LG
2023-09-11 14:14:40 时间
.col-xs- 超小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
HTML代码:
<div class="col-xs-12 col-sm-9 col-md-6 col-lg-3"> </div>
当屏幕尺寸
小于 768px 的时候,用 col-xs-12 类对应的样式;
在 768px 到 992px 之间的时候,用 col-sm-9 类对应的样式;
在 992px 到 1200px 之间的时候,用 col-md-6 类对应的样式;
大于 1200px 的时候,用 col-lg-3 类对应的样式;
相关文章
- bootstrap组件
- 前端-bootstrap-长期维护
- Bootstrap-table 使用总结
- Spring boot配置文件application.properties和bootstrap.properties的区别
- [Bootstrap] 3. Responsive Gridding (.hidden-sm, visible-md)
- [Bootstrap]modal弹出框
- Bootstrap-table 使用说明--如何在表格td里增加一个按钮
- SAP UI5 Bootstrap脚本的实现原理
- Sprint Application bootstrap的研究和调试
- 【Bootstrap】自己主动去适应PC、平面、手机Bootstrap网格系统
- bootstrap之Click大事
- 日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。
- 006-核心技术-netty核心模块Bootstrap、Future、Channel、Selector、ChannelHandler、Pipeline、ChannelHandlerContext、ChannelOption、EventLoopGroup、Unpooled
- 理解bootstrap的列偏移offset 和 推拉push/pull的区别?
- bootstrap 2
- Bootstrap组件之下拉菜单
- 基于bootstrap动态分页
- 浅谈CSS Grid比Bootstrap更适合创建布局的原因
- 【Bootstrap】bootstrap入门之Scss知识点详解_03
- 【Bootstrap】bootstrap入门之栅格布局、弹性布局、组件类_02