贺臣 - 博客园

Bootstrap系列 -- 15. 下拉选择框select

2015-06-24 20:58 by 贺臣, 43757 阅读, 0 推荐, 收藏, 编辑

摘要：Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格阅读全文

0 Comment

Bootstrap系列 -- 14. 表单控件输入框input

2015-06-24 20:56 by 贺臣, 1472 阅读, 0 推荐, 收藏, 编辑

摘要：每一个表单都是由表单控件组成。离开了控件，表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型... 阅读全文

0 Comment

Bootstrap系列 -- 13. 内联表单

2015-06-24 20:54 by 贺臣, 1850 阅读, 0 推荐, 收藏, 编辑

摘要：有时候我们需要将表单的控件都在一行内显示。在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在元素中添加类名“form-inline”即可如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换... 阅读全文

0 Comment

Bootstrap系列 -- 12. 水平表单

2015-06-24 20:50 by 贺臣, 8732 阅读, 0 推荐, 收藏, 编辑

摘要：Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右）在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。在元... 阅读全文

0 Comment

Bootstrap系列 -- 11. 基础表单

2015-06-24 20:48 by 贺臣, 1093 阅读, 0 推荐, 收藏, 编辑

摘要：表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。 ... 阅读全文

0 Comment

Bootstrap系列 -- 10. 网格布局

2015-06-24 08:36 by 贺臣, 7103 阅读, 2 推荐, 收藏, 编辑

摘要：一. 实现原理网格布局是通过容器的大小，平均分为12份(可以修改),再调整内外边距,和表格布局有点类似但是也存在区别。实现步骤如下: (1) 数据行.row 必须包含在容器.container 中, 以便赋予核实的对齐方式和内间距设置 (2)在行(.row)中可以添加列(... 阅读全文

0 Comment

Bootstrap系列 -- 9. 表格

2015-06-19 22:43 by 贺臣, 1282 阅读, 0 推荐, 收藏, 编辑

摘要：一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式，4个附件样式,1个响应式设计样式 1..table：基础表格 2..table-striped：斑马线表格 3..table-bordered：带边框的表格 4..table-hove... 阅读全文