.col-xs-*——栅格列，适用于手机（）;
.col-sm-*——栅格列，适用于平板（≥768px）;
.col-md-*——栅格列，适用于桌面显示器 (≥992px)；
.col-lg-*——栅格列，适用于大桌面显示器(≥1200px)；
.col-md-offset-*——向右偏移列；
.col-md-push-*、.col-md-pull-*——改变列的排序；
...
分类：
Web程序 时间：
2015-07-25 00:16:03
阅读次数：
173
Bootstrap 栅格系统的精妙之处2hu10n92hen91682014年10月27日 发布推荐11推荐收藏46收藏，9.6k浏览节选翻译自The Subtle Magic Behind Why the Bootstrap 3 Grid Works从接触 Bootstrap 已经有很长时间了，给...
分类：
其他好文 时间：
2015-07-24 15:56:42
阅读次数：
111
根据一篇文章,我再想想写下,无意义,他决定收手。或者直接做一个简单的基本的模板它主要知识点包含栅格系统、响应式图片、导航条(固定在顶部和底部)、搜索框等等详细每一个知识点不再赘述,參考Bootstrap中文网 indexl.html ...
分类：
Web程序 时间：
2015-07-21 09:00:28
阅读次数：
166
在我们对一个页面进行设计时，分块是必须的，没有一个网站是一栏而下的，除非你是在看小说，否则你的页面设计一定是分块的，即它由于多个panel组件，在bootstrap里叫到栅格系统，而在每行每列进行宏观的布局后，就是在每一个大块里建立小块，而小块可以使用Panel来实现，下面看个例子 Panel h....
分类：
其他好文 时间：
2015-07-10 23:35:57
阅读次数：
240
感谢大家继续留意本系列文章，今天创优翼小编教给大家的，是成为UI界野区小王子的第二个技能~~网络！技能二——网格草绘是最基础的页面设计技能，而对网格（或栅格系统）的使用更是被很多设计师忽视。同样作为平面设计重要的工具之一，早在1629年，法王路易十四命令成立一个管..
分类：
其他好文 时间：
2015-06-23 15:59:32
阅读次数：
147
Hadoop方面的毕业设计告一段落了，趁这几天空闲时间认真学习一下之前常使用但是却没用好的Bootstrap。
本文记录Bootstrap框架使用栅格系统时，遇到row内的span设置border换行的问题。
问题再现.........
分类：
其他好文 时间：
2015-05-31 21:47:44
阅读次数：
202
本文参考Bootstrap官方文档写了简单页面来熟悉Bootstrap的栅格系统、常用CSS样、Javascript插件和部分组件。以下html代码可以直接复制本地运行：BootstrapPage1:常见的一种页面类型，页面导航，左侧分类、右侧新闻列表： ...
分类：
其他好文 时间：
2015-05-27 22:28:33
阅读次数：
132
在学习前端的过程中，以前的布局都是通过css里面的position或者margin来调整布局。最近学习了几种布局方法。这些布局方法有Bootstrap栅格系统、圣杯布局、负边距布局。今天先讲讲Bootstrap栅格系统。Bootstrap栅格系统：Bootstrap内置了一套响应式、移动设备优先的流...
分类：
其他好文 时间：
2015-05-26 00:11:40
阅读次数：
119
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。一，简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你...
分类：
Web程序 时间：
2015-05-10 17:01:58
阅读次数：
240
默认栅格系统： bootstrap的默认栅格系统为12列。形成一个940px宽的容器，默认没有启用 响应式布局。如果加入响应式布局CSS文件，栅格系统会自动根据可视窗口的宽度从724px到1170px进行动态调整。在可视窗口低于767px宽的情况下，列将不再固定并且会在垂直方向堆叠。 简单布局：.....
分类：
其他好文 时间：
2015-05-09 01:08:23
阅读次数：
135
