Bootstrap简易使用指南
4星 · 超过85%的资源 需积分: 10 52 浏览量
2012-12-20
22:13:04
上传
评论 2
收藏 42KB DOC 举报 
Bootstrap 简易使用指南
看完使用手册后所作的笔记，可以当做简易使用指南使用。
1.框架
1.1 全局样式
使用 HTML5 的 doctype，scaffolding.less 中定义全局样式，从 2 开始使用
normalize.css，并使用 reset.less 进行简化
1.2 默认栅格系统
940px 宽 12 列栅格，使用 row 与 span[NUM]的 class 来控制，使用 offset[NUM]来控制偏
移，于 non-fluid 可以直接嵌套，提供了四种响应式方案
1.3 流动栅格系统
基于百分比，将 row 改为 row-fluid 即可使用，内嵌注意宽度是按照父列的百分比进行计算
的
1.4 自定义栅格
于 variables.css 中改变变量，默认列 12，宽 60px，间隔 20px，要保证响应性还得修改
responsive.less 中内容
1.5 布局
container 为 940px 居中，container-fluid 则为流体布局
1.6 响应式设计
responsive.less 中提供了一组 media query：
智能手机《=480px；流式列，非固定宽度
垂直平板《=767px；流式列，非固定宽度
水平平板》=768px；42px 20px
默认》=980px； ? ? ?60px ?20px
大分辨率》=1200px；70px 30px
要求添加 meta 标签，<meta name=”viewport” content=”width=device-width, initail-
scale=1.0″>
有诸如.visible-phone 等支持类
2.基础 CSS
2.1 排版
资源评论
louislee0022014-08-10很不错的文档，真好找到，很实用
gaomingqing2013-08-26很实用，不错！
super0555
- 粉丝: 10
- 资源: 4
最新资源
- 基于python编写的Keras深度学习框架开发，利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法（空间杜宾模型和检验以及结果解释文档）.txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告：内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
- 基于MIC+NE555光敏电阻的声光控电路Multisim仿真原理图
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
