标签
在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。如下图所示：
那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。
既然他是一个独立的组件，当然在不同的版本下有不同的文件：
...
分类：
其他好文 时间：
2015-02-02 23:07:18
阅读次数：
451
徽章
从某种意义上来说，徽章效果和前面介绍的标签效果是极其的相似。也是用来做一些提示信息使用。常出现的是一些系统发出的信息，比如你登录你的twitter后，如果你信息没有看，系统会告诉你有多少信息未读，如下图所示：
在Bootstrap框架中，把这种效果称作为徽章效果，使用“badge”样式来实现。
对应的文件版本：
? LESS版本:源文件badg...
分类：
其他好文 时间：
2015-02-02 23:06:01
阅读次数：
341
缩略图（一）
缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。
源码文件：
? LESS版本：对应文件thumbnails.less
? Sa...
分类：
其他好文 时间：
2015-02-02 23:05:19
阅读次数：
340
导航（基础样式）
导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百怪，五花八门。在这一节中将向大家介绍如何使用Bootstrap框架制作各式各样的导航。
在Bootstrap框架将导航独立出来成为一个导航组件，根据不同的版本，可以找到对应的源码：
? LESS版本：对应的源文...
分类：
其他好文 时间：
2015-02-01 21:56:08
阅读次数：
238
下拉菜单（基本用法）
小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：
? LESS版本：对应的源码文件为 dropdowns.less
? Sass版本：对应的源码文件为 _dropdowns.scss
? 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第31...
分类：
其他好文 时间：
2015-02-01 16:11:13
阅读次数：
279
按钮（按钮组）
单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。那么在这一节中，我们主要向大家介绍Bootstrap框架为大家提供的按钮组组件。
源码查询：
按钮组也是一个独立的组件，所以可以找到对应的源码文件：
? LESS版本：对应的源文件为buttons.less
...
分类：
其他好文 时间：
2015-02-01 16:08:45
阅读次数：
238
图标（一）
200个icon：
这里说的图标就是Web制作中常看到的小icon图标，可以说这些小icon图标是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了近200个不同的icon图片，而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。
放心使用：
在具体介绍Bootstrap的...
分类：
其他好文 时间：
2015-02-01 14:52:32
阅读次数：
1598
实现原理
网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。
在使用的时候大家可以根据实际情况重新编译LESS（或Sass）源码来修改12这个数值（也就是换成24或32，当然你也可以分成更多，但...
分类：
其他好文 时间：
2015-02-01 14:50:43
阅读次数：
274
基础表单
表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。
同样，表单也是Bootstrap框架中的核心内容，下面向大家介绍Bootstrap框架中表单的制作。
表单...
分类：
其他好文 时间：
2015-01-31 19:27:00
阅读次数：
10214
按钮
按钮也是Bootstrap框架核心内容之一。因为按钮是Web制作中不可缺少的东西。而且不同的Web页面具有不同的按钮风格，甚至说同一个Web网站或应用程序具有多种按钮风格，比如说不同的按钮颜色、大小和状态等。那么Bootstrap框架也考虑了这些因素，接下来的内容我们一起来探讨Bootstrap框架中的另一核心部分内容——按钮。
Bootstrap框架的按钮也是一个独立部...
分类：
其他好文 时间：
2015-01-31 19:25:49
阅读次数：
415
