摘要：在制作表单时，不免要做表单验证。同样也需要提供验证状态样式，在Bootstrap框架中同样提供这几种效果。1、.has-warning:警告状态（黄色）2、.has-error：错误状态（红色）3、.has-success：成功状态（绿色）使用的时候只需要在form-group容器上对应添加状态类名 阅读全文

摘要：Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的，在相应的表单控件上添加属性“disabled”。和其他表单的禁用状态不同的是，Bootstrap框架做了一些样式风格的处理： 使用方法为：只需要在需要禁用的表单控件上加上“disabled”即可： <input clas 阅读全文

摘要：按钮也是表单重要控件之一,制作按钮通常使用下面代码来实现： ☑ input[type=“submit”] ☑ input[type=“button”] ☑ input[type=“reset”] ☑ 这里先让大家看看Bootstrap的按钮长成什么样：表单控件的大小：前面看到的表单控件都正常的大小。... 阅读全文

摘要：表单控件(复选框checkbox和单选择按钮radio)Bootstrap框架中checkbox和radio有点特殊，Bootstrap针对他们做了一些特殊化处理，主要是checkbox和radio与label标签配合使用会出现一些小问题（最头痛的是对齐问题）。使用Bootstrap框架，开发人员无... 阅读全文

摘要：单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应... 阅读全文

摘要：有时候我们需要将表单的控件都在一行内显示，就需要将表单控件设置成内联块元素（display:inline-block）。在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在元素中添加类名“form-inline”即可。 邮箱 密码 记住密码进入邮箱运行显示结果：回过头... 阅读全文

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

摘要：1。基础表单表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。 基础表单 ... 阅读全文

摘要：1.Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧... 阅读全文

摘要：1.Bootstrap和普通的HTML页面一样，定义标题都是使用标签到,只不过Bootstrap覆盖了其默认的样式2.使用了标签来制作副标题，由于内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；3.如果想让一个段落p突出显示，可以通过添加类... 阅读全文