效果图css:/* line 5, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */html, body, div, span, app...
分类:
编程语言 时间:
2015-03-12 13:00:41
阅读次数:
190
这一小节我们先来讲解一个“模态弹出框”,插件的源文件:modal.js。
右侧代码编辑器(30行)就是单独引入 bootstrap 中发布出的“modal.js”文件。
样式代码:
? LESS版本:modals.less
? Sass版本:_modals.scss
? 编译后的Bootstrap:对应bootstrap.css文件第5375行~第5496...
分类:
其他好文 时间:
2015-03-04 11:06:32
阅读次数:
309
前端编码规范(1)——一般规范前端编码规范(2)——HTML规范前端编码规范(3)——JavaScript规范前端编码规范(4)——CSS和Sass(SCSS)规范WEB前端开发http://www.css88.com/
分类:
其他好文 时间:
2015-02-26 16:48:32
阅读次数:
137
CSS很美妙,能够为您的页面床上衣裳,各种各样五彩斑斓的衣裳,但是对于开发者来说,他又不够灵动,于是乎有了各种各样的预处理器Sass、LESS、Stylus(笔者建议Sass的SCSS语法),这些预处理器可以很大程度的提高CSS的灵活性,增强CSS的代码组织与维护。但是毕竟不是亲生的,然后负责CSS开发的那些大牛们坐不住了,开始给CSS赋予一些新的特性,本文就来探讨下CSS变量的进展与应用。...
分类:
Web程序 时间:
2015-02-12 10:47:12
阅读次数:
201
面板
面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码:
? Less版本:对应的源码文件是 panels.less
? Sass版本:对应的源码文件是 _panels.scss
? 编译后的Bootstrap:对应bootstrap.css文件第4995...
分类:
其他好文 时间:
2015-02-04 00:42:20
阅读次数:
208
列表组
列表组是Bootstrap框架新增的一个组件,可以用来制作列表清单、垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件,所以也对应有自己独立源码:
? LESS版本:对应的源码文件 list-group.less
? Sass版本:对应的源码文件是 _list-group.scss
? 编...
分类:
其他好文 时间:
2015-02-04 00:41:57
阅读次数:
343
进度条
在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等。就如下图所示的一个评分系统,他就是一个简单的进度条效果:
进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本:
? LESS版本:源码文件progress-bars.less
? Sass版本:源码文件_progress-bars.scss
? 编译后...
分类:
其他好文 时间:
2015-02-03 22:59:15
阅读次数:
550
下拉菜单(基本用法)
小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件:
? LESS版本:对应的源码文件为 dropdowns.less
? Sass版本:对应的源码文件为 _dropdowns.scss
? 编译后的Bootstrap版本:查看bootstrap.css文件第3004行~第31...
分类:
其他好文 时间:
2015-02-01 16:11:13
阅读次数:
279
【转载】 今天在执行compass create my-grid –using blueprint 命令时发现报错 google了一下,说是新版compass已经不包括compass-bluprint了。 所以我尝试执行命令 “gem install compass-blueprint”,自己手动安...
分类:
Web程序 时间:
2015-01-30 15:08:14
阅读次数:
205