Bootstrap简单表单显示学习笔记

Bootstrap简单表单显示学习笔记

表单布局

垂直或基本表单

基本的表单结构时BootStrap自带的，创建基本表单的步骤如下：

1、向父

2、为了获取最佳的间距，把标签和控件放在一个div.form-group中,div放在父form下；

3、向所有的文本元素、和<select>添加.form-control</select>

名称

添加了form-controlClass的input会和label分为两行，并且获得焦点时会有蓝色的边框样式。

内联表单

内联表单中所有的元素都是内联的，标签都是并排的

1、向

2、每个表单需要被包含在div.form-group，checkbox可以包含在div.checkbox,radio可以包含在div.radio;

3、默认情况下，bootstrap中的input、select和textarea有100%宽度，使用内联表单时，可以设置表单控件的宽度来设置;

4、对标签描述添加sr-only可以隐藏标签描述。

kPMlF

名称

请打勾

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。