bootstrap学记-表单

1.表单-form-control

input、select、textarea

“form-control”效果:

＊1、宽度变成了100%

＊2、设置了一个浅灰色（#ccc）的边框

＊3、具有4px的圆角

＊4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化

＊5、设置了placeholder的颜色为#999

2. 表单水平-form-horizontal

默认是垂直风格，但多数我们要水平的，实现水平表单效果，必须满足以下两个条件：

1、使用类名“form-horizontal”。

2、配合Bootstrap的网格系统。

<form class="form-horizontal" role="form">

水平表单示例

水平表单代码

3. 表单 一行内显示-form-inline

4. 表单 伴随标签 一行内显示

要在input前加label标签时，会导致input换行。如果你必须label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中

5.