目录
百战程序员,全站22050+开发课程+文档 ,学习精选优质好课快人一步!观看视频 快捷键ALT+N

web前端全系列 教程

1839个小节阅读:2243.9k

收藏
全部开发者教程

鸿蒙应用开发

C语言快速入门

JAVA全系列 教程

面向对象的程序设计语言

Python全系列 教程

Python3.x版本,未来主流的版本

人工智能 教程

顺势而为,AI创新未来

大厂算法 教程

算法,程序员自我提升必经之路

C++ 教程

一门通用计算机编程语言

微服务 教程

目前业界流行的框架组合

web前端全系列 教程

通向WEB技术世界的钥匙

大数据全系列 教程

站在云端操控万千数据

AIGC全能工具班

A

A A

White Night

阅读(2.2k)
赞(0)

栅格系统

image-20211210150832876

栅格系统是媒体查询的具体实现

栅格系统将页面自动分为12个格子,可以根据不同的类前缀实现不同的页面布局

 手机 (<768px)平板 (≥768px)桌面显示器 (≥992px)大桌面显示器 (≥1200px)
类前缀.col-xs-.col-sm-.col-md-.col-lg-
列数12121212
类前缀描述
.container上下为0,左右为容器15%
.container-fluid充满全屏

栅格系统实操

image-20211210113544142

image-20211210113636021

北京市昌平区回龙观镇南店村综合商业楼2楼226室

©2014-2023 百战卓越(北京)科技有限公司 All Rights Reserved.

京ICP备14032124号-2