Bootstrap - 表单

Bootstrap 给HTML大部分表单都设置了默认样式，我们可以给表单添加相应类名，以实现表单的水平排列，个性化定制等。

代码：

      

        这是一个输入框:
        
      
      

        这是一个输入框:
        
          北京
          北京
          北京
        
      
      

        这是一个输入框:
        
      
    

效果：

图片.png

class:
对

标签添加：class="form-inline"
可以让它水平排列：

图片.png

对Input设置大小可以添加class：

input-sm
input-lg

应该使用form-group设置group。

对可以设置sr-only：隐藏掉提示信息。

对表单控件添加颜色
对form-group添加class:

has-success
has-feedback
has-error

eg:

...
  

        这是一个输入框:
        
  

效果：

图片.png

如果让也有颜色的改变，需要对label添加class="control-label"

        这是一个输入框:
        

图片.png

---

表单中的按钮

Bootstrap中的按钮不仅可以用标签去写，也可以使用去写。

的大小：

btn-lg
btn-sm

一般情况下，btn与btn-*结合使用。可以设置样式和颜色：

btn
btn-default
btn-primary
btn-success
btn-info
btn-warning
btn-danger

示例：

default success info warning danger danger

效果：

图片.png

使用disabled属性。

danger