Bootstrap 表单

自版本 2.0 起，Bootstrap 提供了四中类型的表单布局 -

  • 垂直（默认）
  • 搜索
  • 内联
  • 水平

默认是垂直布局

创建垂直表单布局

View Code

效果如图：

 

创建搜索表单布局

View Code

效果如图：

创建内联表单布局

View Code

效果如图：

创建水平表单布局

View Code

效果如图：

 

Bootstrap 表单控件的浏览器状态

View Code

效果如图：

为表单验证定义样式

 

View Code

效果如图：

 

 

posted @ 2014-04-30 13:19  石奈子0314  阅读(420)  评论(1)  编辑  收藏  举报