bootstrap-sass_源码解析四:Utility
来源:互联网 发布:去除ps痕迹软件 编辑:程序博客网 时间:2024/06/05 19:52
前三节中我们已经讲了Bootstrap-sass的结构,常量的提取,以及混入的定义。
没有什么难度,或许自己看源码来得更加清晰。但是我写这篇文章的目的在这里声明下,主要是:
- 引导自己耐心得看完组件的所有内容;
- 结合OOCSS等理论基础,理解和学习bootstrap的css组织结构和书写思想,为自己写css提供参考;
- 列举bootstrap中的所有组件,常量,混入,以及工具,作为查询手册贡献给大家,是大家在使用bootstrap开发过程中不至于重复制造汽车轮子。
好了,废话不多说,这节我们将解析bootstrap中所有提供的Utility。
内容:
utilities
Bootstrap提供的可以直接使用的工具class
|-- Floats //浮动相关 |-- clearfix //清除浮动 |-- center-block //block元素居中 |-- pull-right //右浮动 |-- pull-left //左浮动|-- Toggling content //切换内容相关 |-- hide //移除 |-- show //出现 |-- invisible //不可见 |-- text-hide //隐藏文字 |-- hidden //同hide|-- For Affix plugin //附加导航插件 |-- affix //fix定位
responsive-utilities
响应式布局相关工具class
这部分分两类,一类是根据xs、sm、md、lg四种大小的屏幕控制页面元素的显示和隐藏的class;另一类是控制打印时页面元素是否被打印或隐藏的class;
1 0
- bootstrap-sass_源码解析四:Utility
- Tomcat6源码解析--Bootstrap.java
- TFS源码解析四
- AFNetworking源码解析<四>
- AFNetworking源码解析<四>
- AFNetworking源码解析<四>
- AFNetworking源码解析<四>
- springIOC源码解析(四)
- rt2860v2源码解析四
- ClassPathXmlApplicationContext源码解析四
- SASS_学习
- bootstrap源码解析-----------------样式重置部分
- Bootstrap-Sass 源码解析一:文件组织架构
- Bootstrap-Sass 源码解析二:Variables.scss
- Bootstrap-Sass 源码解析三:Mixins
- BootStrap的Tooltip插件源码解析
- Tomcat源码解析之catalina 、bootstrap
- 【Java Utility】Jsoup网页爬虫工具--解析HTML语句片段【四】
- H265 专利费修正
- 关于maven部署项目到tomcat上403问题
- 分页机制(个人理解)
- Html5知识点3
- 深入理解Object-C消息转发机制
- bootstrap-sass_源码解析四:Utility
- 正则表达式基础知识
- C++接口的定义与实现
- 单链表
- struts中action中的函数
- JavaSE学习_02_dowhile_for_method
- Sublime配置lua开发环境傻瓜式教学
- 数据库的方向 - 行vs列(转自: IBM i 中国开发团队)
- Linux进程间通信——使用信号