摘要：在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。而Bootstrap.js 是依赖jQuery库的。所以在引入Bootstrap.js之前要... 阅读全文
Bootstrap系列 -- 23. 图片
2015-06-25 21:07 by 贺臣, 481 阅读, 0 推荐, 收藏, 编辑
摘要：图像在网页制作中也是常要用到的元素，在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 ... 阅读全文
Bootstrap系列 -- 22. 按钮详解
2015-06-25 20:37 by 贺臣, 1030 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格，然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。基本样式 几种不同样式风格的按钮 基础按钮.btn 默认按钮.... 阅读全文
Bootstrap系列 -- 22. 按钮
2015-06-25 20:36 by 贺臣, 641 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格，然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。基本样式 几种不同样式风格的按钮 基础按钮.btn 默认按钮.... 阅读全文
Bootstrap系列 -- 21. 表单提示信息
2015-06-25 11:53 by 贺臣, 1402 阅读, 0 推荐, 收藏, 编辑
摘要：平常在制作表单验证时，要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。 成功状态 你输入的信息是正确的 Bootstrap提供了一个行内提示信息，其使用了类名“help-inline”... 阅读全文
Bootstrap系列 -- 20. 禁用状态
2015-06-25 08:32 by 贺臣, 17501 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的，在相应的表单控件上添加属性“disabled” 在使用了“form-control”的表单控件中，样式设置了禁用表单背景色为灰色，而且手型变成了不准输入的形状。如果控件中不使用类名“form-control”，禁用... 阅读全文
Bootstrap系列 -- 19. 焦点状态
2015-06-25 08:18 by 贺臣, 5273 阅读, 0 推荐, 收藏, 编辑
摘要：表单主要用来与用户沟通，好的表单就能更好的与用户进行沟通，而好的表单一定离不开表单的控件状态。 表单状态的作用： 每一种状态都能给用户传递不同的信息，比如表单有焦点的状态可以告诉用户可以输入或选择东西，禁用状态可以告诉用户不可以输入或选择东西，还有就是表单控件验证状态，可以告诉用户的操作是否... 阅读全文
Bootstrap系列 -- 18. 表单控件大小
2015-06-25 08:14 by 贺臣, 11171 阅读, 0 推荐, 收藏, 编辑
摘要：前面看到的表单控件都正常的大小。可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是： 1.input-sm:让控件比正常大小更小 2.in... 阅读全文
Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
2015-06-24 22:16 by 贺臣, 3034 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap框架中checkbox和radio有点特殊，Bootstrap针对他们做了一些特殊化处理，主要是checkbox和radio与label标签配合使用会出现一些小问题（最头痛的是对齐问题）。使用Bootstrap框架，开发人员无需考虑太多。 案例1 ... 阅读全文
Bootstrap系列 -- 16. 文本域textarea
2015-06-24 22:15 by 贺臣, 23499 阅读, 0 推荐, 收藏, 编辑
摘要：文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。 阅读全文