03 2012 档案

Bootstrap研究3-基础html元素
摘要：正如很多朋友所言，学习Bootstrap最简单的方式，就是跟着官方文档做一遍就可以了。这句话怎么说呢，它对也不对。说其对，是因为计算机科学是实践性非常强的学科，所有的东西如果不能落实到“做”这个字上面，一起都是扯淡；说其不对是因为，计算机科学还跟一般的应用科学不大相同（比如英语，你只要会背就“可以”了），计算机的实践还是需要非常强烈的理论作为支撑的，如果不明白这些理论，那么你的所有的实践可能都是盲目的。笔者Bootstrap这个系列的文字，之所以称之为“研究”，就想尽笔者所能地分析一下Bootstrap实现的机理，使用Bootstrap后面的思想建立我们自己的前端开发理论。 本篇文字对应Boo 阅读全文

posted @ 2012-03-29 17:49 解然 阅读(26679) 评论(6) 推荐(4) 编辑

Bootstrap研究2-布局系统杂记
摘要：上一篇文字Bootstrap研究1-精巧的网格布局系统，里面谈到了使用固定grid布局的原理和操作实践。关于布局部分还有一些要交代，权且凑为一篇。 除了固定网格布局外，Bootstrap还提供一种流式布局Fluid grid system，其就是计算当前页面的宽度，给每个span乘以一个百分比。使用的时候，跟固定布局类似，所不同的是两级容器的类分别为container-fluid和row-fluid，别无其他。 <div class="container-fluid"> <div class="row-fluid"> <di 阅读全文

posted @ 2012-03-28 17:00 解然 阅读(6690) 评论(2) 推荐(2) 编辑

Bootstrap研究1-精巧的网格布局系统
摘要：本网格布局系统属于Scaffolding（框架，布局）部分。在Scaffolding里面有（固定）网格布局（Grid System）和流式网格布局（Fluid Grid System）。本文讨论第一种固定网格布局。 Bootstrap采用的是12列布局格式，即在页面一行之内最多可以布置12列。当然我们通常不会那么变态。我们通常是使用2列，或者3列，最多不会超过4列。那么具体怎么设置这些列呢？ok，慢慢说来。 Bootstrap中规定页面的总的宽度为940px，这个跟其他的CSS框架不太一样（其他有的是960px（960grid等），有点是950px（blueprint等））。这个940px是在 阅读全文

posted @ 2012-03-28 15:01 解然 阅读(17840) 评论(6) 推荐(6) 编辑

Bootstrap研究0-概述
摘要：首先来讲这个东西来源于大名鼎鼎的Twitter团队，其开源已经有一段时间了，并且其版本更新很快2011年11月才刚刚推出1.*版本，2012年初马上就开始了2.*。Bootstrap目标是为开发人员快... 阅读全文

posted @ 2012-03-28 11:21 解然 阅读(3846) 评论(11) 推荐(5) 编辑

点击右上角即可分享
微信分享提示