Bootstrap 3 新 Grid System 基础介绍






Mobile First

新的bootstrap 3 采用了mobile first 的设计理念。简单来说,整个新的Bootstrap layout 设计会默认支持手机layout.
新的Grid system提供了4种class :
Screen Shot 2014-05-01 at 4.16.46 pm
继续阅读: %s




CSS LESS 学习总结






最近在看Bootstrap 3, 发现bootstrap支持用LESS,自己customize themes(Using LESS with Bootstrap).
所以研究学习了一下LESS,大概写下来作为复习和思路整理。

LESS 支持在客户端和服务器端进行解释。 如果在客户端编译,你需要下载LESS.js,按照现在大多的best practise,我自认为推荐在服务器端,或者运用工具提前编译。基本上我的做法是参考 Bootstrap 3 Less Workflow Tutorial 里面所说的,稍加了点自己的修改。 继续阅读: %s




CSS: Page Layouts 系列






前段时间,重新复习了关于CSS的很多基础。很多时候越基础的东西,大家越容易混淆,那些所谓一看就知道的东西,背后的许多细节,很多时候都被大家忽略,最后会给大家的知识结构造成很多困扰。


比如CSS之中的,position , float ,margin 等等。

所以这里,我尝试把自己理解的CSS的知识,重新解释一次,希望对大家有帮助。这里系列着重于以下几个方面:

附加阅读推荐:




关于Hash Grid – 一个生成网页layout grid的工具






推荐一个小工具,可以在GitHun 下载 : https://github.com/dotjay/hashgrid

A little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. Uses a single JavaScript file and a little CSS to control the grid lines

一个小工具,在网页中自动添加 Grid table,方便排版 ,用JavaScript 和 CSS 制作。

继续阅读: %s