bootstrap的学习笔记
来源:互联网 发布:代源码百度云 编辑:程序博客网 时间:2024/04/19 23:34
轻量级前端开发工具Bootstrap http://t.cn/anW06J
Bootstrap 使用LESS来写CSS。http://t.cn/SbVIm7 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。
可以在bootstrap.less里看到import了其它所有.less文件。注意变量和mix分别在variables.less和mixins.less里,很好的函数库啊。
LESS工具:http://t.cn/SP3hny
bootswatch提供了众多免费的基于Bootstrap的主题: http://t.cn/zOU46yP
在使用SimpLESS工具( http://t.cn/SP3hny )的时候,在样式表中加入://simpless:!minify 自动生成的CSS文件将不会被压缩了。
坑爹啊!用SimpLESS编bootstrap的less文件会报错无法通过,用Crunch http://t.cn/zO2HE9L 才可以了。。。
bootstrap 2.0添加了响应设计特性,更好地支持移动设备。如图中这些都在responsive.less文件里。
bootstrap里的Scaffolding主要介绍了其中的reset,grid和layout,把大体的布局都完成了。这也符合前端的开发思维习惯,先布局,再填充元素。今天开始看Base CSS。
bootstrap里的Base CSS介绍了常用标签及样式,比如常用到的table、form、button及icon。主要思想就是把样式分割成小模块方便组装。不同的样式,不同的布局都有考虑到。其中form grid就和之前常常用到的思路一样,使用起来很方便。有了这些,剩下的就是发挥创造力,组装自己的设计了。
其实Components和Javascript plugins是差不多一样的东西,只不过内容太多了,要分两块展示。基本上常用的组件都有了,可以玩了。不过Components里有个新鲜的玩意叫Hero unit,不仅第一次听说,而且也看不出到底有什么实用的地方,不懂啊!
Customize让我想起了Qwrap的定制功能,很贴心啊。而且得益于LESS,Bootstrap里还可以定制自己的variables。怪不得网上有很多风格的样式皮肤,确实开发起来很方便快捷啊。
- bootstrap的学习笔记
- Bootstrap的学习笔记
- Bootstrap学习笔记(八) Bootstrap支持的JavaScript插件
- Bootstrap学习笔记——Bootstrap的基本介绍
- 学习笔记4-bootstrap的栅格系统
- jQuery及Javascript,Bootstrap的学习笔记
- 学习笔记4-bootstrap的栅格系统
- 关于bootstrap datetimepicker 的学习笔记
- Bootstrap学习笔记 Hello_yihao的博客
- Bootstrap常用的组件学习笔记
- Bootstrap学习笔记
- bootstrap学习笔记
- bootstrap框架学习笔记
- bootstrap学习笔记
- AngularJs学习笔记--bootstrap
- 学习bootstrap笔记
- Bootstrap学习笔记
- bootstrap学习笔记
- 特征选择算法之开方检验
- 特殊字符的URL编码的比较(JS VS Python)
- spring学习笔记
- HDU 1031 Design T-Shirt
- 区别和联系,关于数据库范式
- bootstrap的学习笔记
- 特征选择方法之信息增益
- Java通过反射创建对象
- 移动互联网产品设计的原则
- cocos2d-x选择之路(一):为什么选择cocos2d-x
- WCF Learning(3):在WCF中实现双向通信(Bi-directional Communication)
- Oracle 如何修改列的数据类型
- 不应忽视的一些HTML优化技巧
- 表格“高度”“宽度”“颜色”