摘要:Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格 阅读全文
Bootstrap系列 -- 14. 表单控件输入框input
2015-06-24 20:56 by 贺臣, 1487 阅读, 0 推荐, 收藏, 编辑
摘要:每一个表单都是由表单控件组成。离开了控件,表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。 单行输入框,常见的文本输入框,也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型... 阅读全文
Bootstrap系列 -- 13. 内联表单
2015-06-24 20:54 by 贺臣, 1858 阅读, 0 推荐, 收藏, 编辑
摘要:有时候我们需要将表单的控件都在一行内显示。在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要在元素中添加类名“form-inline”即可 如果你要在input前面添加一个label标签时,会导致input换行显示。如果你必须添加这样的一个label标签,并且不想让input换... 阅读全文
Bootstrap系列 -- 12. 水平表单
2015-06-24 20:50 by 贺臣, 8738 阅读, 0 推荐, 收藏, 编辑
摘要:Bootstrap框架默认的表单是垂直显示风格,但很多时候我们需要的水平表单风格(标签居左,表单控件居右) 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。 在元... 阅读全文
Bootstrap系列 -- 11. 基础表单
2015-06-24 20:48 by 贺臣, 1096 阅读, 0 推荐, 收藏, 编辑
摘要:表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同。 ... 阅读全文
Bootstrap系列 -- 10. 网格布局
2015-06-24 08:36 by 贺臣, 7129 阅读, 2 推荐, 收藏, 编辑
摘要:一. 实现原理 网格布局是通过容器的大小,平均分为12份(可以修改),再调整内外边距,和表格布局有点类似但是也存在区别。 实现步骤如下: (1) 数据行.row 必须包含在容器.container 中, 以便赋予核实的对齐方式和内间距设置 (2)在行(.row)中可以添加列(... 阅读全文
Bootstrap系列 -- 9. 表格
2015-06-19 22:43 by 贺臣, 1289 阅读, 0 推荐, 收藏, 编辑
摘要:一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式,4个附件样式,1个响应式设计样式 1..table:基础表格 2..table-striped:斑马线表格 3..table-bordered:带边框的表格 4..table-hove... 阅读全文
Bootstrap系列 -- 8. 代码显示
2015-06-19 22:19 by 贺臣, 1734 阅读, 1 推荐, 收藏, 编辑
摘要:一. Bootstrap中的代码块 代码块一般在博客中使用的较多,比较博客园中提供的贴代码. 在Bootstrap中提供了三种形式的代码显示 1.使用来显示单行内联代码 2.使用来显示多行块代码 3.使用来显示用户输入代码二. code 显示 Bootstrap的code代码风... 阅读全文
Bootstrap系列 -- 7. 列表排版方式
2015-06-19 16:35 by 贺臣, 1319 阅读, 0 推荐, 收藏, 编辑
摘要:一. 去点列表 1. 使用class=list-unstyled 无序列表项目 无序列表项目 无序列表项目 无序列表项目 无序列表项目 无序列表项目 无序列表项目 无序列... 阅读全文
Bootstrap系列 -- 6. 列表
2015-06-19 16:27 by 贺臣, 1111 阅读, 0 推荐, 收藏, 编辑
摘要:一. 普通无序列表 无序列表项目 无序列表项目 无序列表项目 无序列表项目 无序列表项目二. 有序列表 有序项目列表一 有序项目列表一 有序项目列表一三. 嵌条列表 有序列表... 阅读全文