-
1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大 我们需要控件宽度也要做一定的变化处理。这个时候就要借住Bootstrap框架的网格系统。查看全部
-
将复选框和单选按钮需要水平排列。Bootstrap框架也做了这方面的考虑： 1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline”查看全部
-
、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中，主要借助“.checkbox”和“.radio”样式，来处理复选框、单选按钮与标签的对齐方式。查看全部
-
表单控件(下拉选择框select) Bootstrap框架中的下拉选择框使用和原始的一致，多行选择设置multiple属性的值为multiple。查看全部
-
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control” <form role="form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter email"> <input type"text" class="form-control" placeholder="请输入用户名"></div> </form>查看全部
-
内联表单 form-inline 回过头来看示例，你或许会问，为什么添加了label标签，而且没有放置在”form-group”这样的容器中，input也不会换行；还有label标签怎么没显示出来。如果你仔细看，在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。 如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别。查看全部
-
在Bootstrap框架中，如果fieldset设置了disabled属性，整个域都将处于被禁用状态 对于整个禁用的域中，如果legend中有输入框的话，这个输入框是无法被禁用的。查看全部
-
前面介绍水平表单时说过，如果表单使用了类名“form-horizontal”，其中“form-group”就相当于网格系统中的“row”。 【区别】： 使用.form-group时，行间距已定义。 使用.row时，控件的上下间隔，即行间距未定义，会互相接触。查看全部
-
如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。查看全部
-
表单控件状态(验证状态) 在制作表单时，不免要做表单验证。同样也需要提供验证状态样式，在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态（黄色） 2、.has-error：错误状态（红色） 3、.has-success：成功状态（绿色） 使用的时候只需要在form-group容器上对应添加状态类名。查看全部
-
使用button或a标签来制作按钮查看全部
-
记住"form-control"的作用： 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 表单控件有多种样式，不止这一种，对于输入控件，还有input-sm和input-lg等，这些可以不使用带.form-group类的<div>和.sr-only类查看全部
-
如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别查看全部
-
2种样式： ①显示label标签：<label>无.sr-only类,将<label>单独置入一对带有"form-group"的<div>内 ②隐藏label标签：为<label>添加.sr-only的类，其它无变化 【注意】要与下方的<label>标签区别开来， <label> <input type="checkbox"> 记住密码 </label>（在这里，<label>只起到“标注输入控件”的作用） 【因为】如果没有为输入控件设置label标签，屏幕阅读器将无法正确识别。查看全部
-
回过头来看示例，你或许会问，为什么添加了label标签，而且没有放置在”form-group”这样的容器中，input也不会换行；还有label标签怎么没显示出来。如果你仔细看，在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。查看全部
举报
0/150
提交
取消