Bootstrap 表单
Posted jerrylz
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Bootstrap 表单相关的知识，希望对你有一定的参考价值。
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 html 标签和扩展的类即可创建出不同样式的表单。
表单布局
Bootstrap 提供了下列类型的表单布局：
- 垂直表单（默认）
- 内联表单
- 水平表单
垂直或基本表单
基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：
- 向父 <form> 元素添加 role="form"。
- 把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。
- 向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control。
以上是关于Bootstrap 表单的主要内容，如果未能解决你的问题，请参考以下文章
bootstrap 表单里面 label长度差距很大，怎么垂直对其