博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap栅格式布局特点
阅读量:6357 次
发布时间:2019-06-23

本文共 482 字,大约阅读时间需要 1 分钟。

栅格布局系统的特点:

 (1)所有的行必须放在容器中: .container或.container-fluid

 (2)分为多行(row),一行中平均分为12列(col)

 (3)网页内容只能放在列(col)中,不能直接放在行(row)

 (4)可以在col中再嵌套row

 (5)col分为四大类: col-xs   col-sm    col-md   col-lg

 (6)col-md-*  *值可为1~12,值就为某个列的宽度(  */12  )

 (7)可以为一个列指定不同屏幕下的不同宽度

 (8) col-lg-*  只对大PC屏幕有效

    col-md-*   对普通PC和大PC屏幕都有效

    col-sm-*   对平板、PC、大PC屏幕都有效

    col-xs-*   对手机、平板、PC大PC屏幕都有效

 (9)  .hidden-lg    当前列只在大PC屏幕下隐藏

.hidden-md 当前列只在PC屏幕下隐藏

.hidden-sm 当前列只在平板屏幕下隐藏

.hidden-xs 当前列只在手机屏幕下隐藏

转载于:https://www.cnblogs.com/cjie/p/6124454.html

你可能感兴趣的文章
《数据科学:R语言实现》——2.5 使用Excel文件
查看>>
《淘宝店铺设计装修一册通》一2.5 抠图工具的简单运用
查看>>
《音乐达人秀:Adobe Audition实战200例》——实例4 收音机音乐节目转录到电脑里...
查看>>
《JavaScript应用程序设计》一一3.1 过时的类继承
查看>>
Amazon 推出 API 网关使用计划
查看>>
互联网流量超出路由器上限 或致全球断网
查看>>
《基于ArcGIS的Python编程秘笈(第2版)》——2.5 限制图层列表
查看>>
GNOME 地图 3.20 加入更多新特性 可用性得到加强
查看>>
《代码整洁之道:程序员的职业素养》导读
查看>>
《计算复杂性:现代方法》——习题
查看>>
Mozilla 释出更新修复中间人攻击漏洞
查看>>
思科表态反对网络中立
查看>>
《HTML5+CSS3网页设计入门必读》——1.5 利用多种Web浏览器执行测试
查看>>
Velocity官方指南-容器
查看>>
国家为何如此重视石墨烯?
查看>>
《Python和Pygame游戏开发指南》——1.14 配套网站上的更多信息
查看>>
利用mybatis查询两级树形菜单
查看>>
《慕客网:IOS基础入门之Foundation框架初体验》学习笔记 <一>
查看>>
Spring声明式事务管理之二:核心接口API
查看>>
LNMP环境安装(二)
查看>>