-
1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 使用的时候只需要在form-group容器上对应添加状态类名 。如果你想让表单在对应的状态下显示 icon 出来，只需要在对应的状态下添加类名“has-feedback”。请注意，此类名要与“has-error”、“has-warning”和“has-success”在一起： 在 Bootstrap 的小图标都是使用@font-face来制作（后面的内容中将会着重用一节内容来介绍）。而且必须在表单中添加了一个 span 元素 <span class="glyphiconglyphicon-ok form-control-feedback"></span>查看全部
-
和普通的表单禁用状态实现方法是一样的，在相应的表单控件上添加属性“disabled”。和其他表单的禁用状态不同的是，Bootstrap框架做了一些样式风格的处理 只需要在需要禁用的表单控件上加上“disabled” 。如果控件中不使用类名“form-control”，禁用的控件只会有一个不准输入的手型出来。 在Bootstrap框架中，如果fieldset设置了disabled属性，整个域都将处于被禁用状态。 整个禁用的域中，如果legend中有输入框的话，这个输入框是无法被禁用的查看全部
-
要让控件在焦点状态下有上面样式效果，需要给控件添加类名“form-control” 在Bootstrap框架中，file、radio和checkbox控件在焦点状态下的效果也与普通的input控件不太一样，主要是因为Bootstrap对他们做了一些特殊处理： /*源码查看boostrap.css文件第1676行～第1682行*/ input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }查看全部
-
要理解网络系统查看全部
-
可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置 不过Bootstrap框架还提供了两个不同的类名，用来控制input，textarea和select控件 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大 往往很多时候，我们需要控件宽度也要做一定的变化处理。这个时候就要借住Bootstrap框架的网格系统 如果表单使用了类名“form-horizontal”，其中“form-group”就相当于网格系统中的“row”。查看全部
-
按钮也是表单重要控件之一,制作按钮通常使用下面代码来实现： ☑ input[type=“submit”] ☑ input[type=“button”] ☑ input[type=“reset”] ☑ <button> 在Bootstrap框架中的按钮都是采用<button>来实现。查看全部
-
表单控件(复选框和单选按钮水平排列) 1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline” .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }查看全部
-
Bootstrap针对他们做了一些特殊化处理，主要是checkbox和radio与label标签配合使用会出现一些小问题（最头痛的是对齐问题）查看全部
-
文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。查看全部
-
Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple查看全部
-
Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple查看全部
-
在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”]来定义样式的查看全部
-
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，查看全部
-
内联表单 需要在<form>元素中添加类名“form-inline”即可。 如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换行，你需要将label标签也放在容器“form-group” 2.为什么添加了label标签，而且没有放置在”form-group”这样的容器中，input也不会换行；还有label标签怎么没显示出来。"sr-only”，标签没显示就是这个样式将标签隐藏了。查看全部
-
在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。（网格布局会在以后的章节中详细讲解） 在<form>元素上使用类名“form-horizontal”主要有以下几个作用： 1、设置表单控件padding和margin值。 2、改变“form-group”的表现形式，类似于网格系统的“row”。查看全部
举报
0/150
提交
取消