这篇教程旨在让你在20分钟内学会使用twitter bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面，了解栅格系统，并且能够使用bootstrap导航、导航条和了解响应式设计的基础。这些全部都是使用twitter bootstrap所需要...
分类：
其他好文 时间：
2014-07-22 22:35:14
阅读次数：
264
这次我们来说下列排序：通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。 Bootstrap-Template-07 ...
分类：
其他好文 时间：
2014-07-14 22:44:53
阅读次数：
269
这次我们来说下列偏移：列偏移就是使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。废话不多说，直接上...
分类：
其他好文 时间：
2014-07-14 08:11:00
阅读次数：
213
这次我们来说下嵌套列：为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）。 ...
分类：
其他好文 时间：
2014-07-14 08:03:11
阅读次数：
193
在进行多栏布局时，使用bootstrap的栅格系统可以很轻松的实现效果，其实css3本身也提供了多兰布局的功能。
比如，我们在一个section标签内填充了很多内容，同时希望内容能够显示成三列，那么可以通过如下css来实现（使用chrome浏览器）。
设置分栏的数量
section {
-webkit-column-count: 3;
}
根据宽度分栏
section {
-w...
分类：
Web程序 时间：
2014-06-02 04:46:04
阅读次数：
289
响应式网页设计，是一种正在流行的网页开发思想，它是利用灵活可变的栅格系统，令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候，移动端的用户数量将会从目前的8亿，增长到19亿，而这也意味着目前我们为桌面浏览器而设计的网页，将会在他们的手机和平板上呈现出非常糟糕的使用体验。...
分类：
其他好文 时间：
2014-05-29 09:48:39
阅读次数：
220
响应式网页设计，是一种正在流行的网页开发思想，它是利用灵活可变的栅格系统，令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候，移动端的用户数量将会从目前的8亿，增长到19亿，而这也意味着目前我们为桌面浏览器而设计的网页，将会在他们的手机和平板上呈现出非常糟糕的使用体验。...
分类：
Web程序 时间：
2014-05-26 18:22:53
阅读次数：
279
ps.这一次要说的是“Responsive column
resets”，但是不知道为什么中文官网没有给出翻译，但是在看到案例的时候，感觉这就像一个bug，我自己姑且叫这个是一个高度bug吧，方便自己，要是大家有其他好的说法，请告诉我。================================...
分类：
其他好文 时间：
2014-05-07 09:42:38
阅读次数：
334
