重工电子论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 3628|回复: 0

栅格系统使用

[复制链接]

286

主题

666

帖子

5528

积分

学生管理组

Rank: 8Rank: 8

积分
5528
发表于 2017-11-20 02:36:14 | 显示全部楼层 |阅读模式
本帖最后由 李维强-15级 于 2017-11-20 03:42 编辑

响应式布局,直接拿来用,原理很简单,
http://www.jb51.net/article/75386.htm

另外有个关键的两个类,显示和隐藏,
http://blog.csdn.net/ling811/article/details/16939695


关于bootstrap里面,栅格系统翻译的一个坑~~~
原文如下

栅格类适用于与屏幕宽度大于或等于分界点大小的设备 , 并且针对小屏幕设备覆盖栅格类。 因此,在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 , 并且针对小屏幕设备覆盖栅格类。 因此,在元素上应用任何 .col-lg-* 不存在, 也影响大屏幕设备。


我看了很多遍没看懂。。。于是乎忽略掉即可,然后在栅格布局的时候,发现,若果分辨率在800左右,它恰好是.col-sm-范围内,但是如果我布局没用到这个,只写了个         .col-xs-和         .col-md-,那么~~~这个如何翻译,试了一下发现是按照.col-xs-来显示的~~~那么这样上面那句话就晓得啥子意思了,意思就是说,如果没有定义大设备,那么就按照定比当前设备小的那一级,最后靠近当前设备分辨率的样式,来定义当前样式,

最后给出英文原文,像这些过筋过脉的东西,看看原文就一目了然了
“Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.”



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|cqutlab ( 渝ICP备15004556号

GMT+8, 2024-3-29 13:17 , Processed in 0.178573 second(s), 31 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表