2013年5月17日

Bootstrap（三）—bootstrap.css解析。

摘要： bootstrap.css中的第149-296行代码。<div class="row"> <div class="span1"> </div></div> .row { margin-left: -20px; //外边距 margin-left:auto |length(px、em/%(基于父对象)) *zoom: 1; //设置或检索对象的缩放比例 zoom:normal|number}.row:before,.row:after { display: table; cont... 阅读全文

posted @ 2013-05-17 17:39 木杉_佑 阅读(715) 评论(0) 推荐(0)

Bootstrap（二）—格栅系统！

摘要： W=(A*n)-iW是一个页面的总宽度，比如950px；而A代表一个版块的宽度，设置为apx；n就是分为几个版块；而i就是区块之间的间隔。例如 950=（a*24）-10 而a=40px；改变A和i的值就会生成不同的布局。（高度960=24*40 宽度 560=14*40 ）而bootstrap格栅系统为12列（1,2,3,4,6,12）形成960px的宽度。 以下场景非常适合格栅系统：页面的总体宽度布局，比如两栏、三栏等布局一些固定区块的尺寸，比如广告图片的尺寸区块之间的间距，可以参考栅格系统的槽宽（Gutter）一些可以栅格化的小区域，暗合栅格往往能简化布局上的考虑。阅读与：htt... 阅读全文

posted @ 2013-05-17 17:26 木杉_佑 阅读(702) 评论(0) 推荐(0)

前端框架—Bootstrap（一）

摘要： Bootstrap 中文网：http://www.bootcss.com/Twitter Bootstrap中文版/中文翻译：http://wrongwaycn.github.io/bootstrap/docs/index.html<code><!DOCTYPE html><html><head><title>Bootstrap 101 Template</title><meta name="viewport" content="width=device-width, initial-s 阅读全文

posted @ 2013-05-17 16:43 木杉_佑 阅读(792) 评论(0) 推荐(1)

导航