Bootstrap表单制作代码

本文实例为大家分享了Bootstrap表单布局的具体代码，供大家参考，具体内容如下

Bootstrap 提供了下列类型的表单布局：

垂直表单（默认）
内联表单
水平表单

小妞妞做的表单实例：

 
 
 
  
  
  
  
 body { 
 padding-top: 150px; 
 padding-bottom: 40px; 
 background-color: #D0E9C6; 
 font-family: '楷体'; 
 font-size: 22px; 
 } 
 
 .col-sm-2 control-label.form-control{ 
 position: relative; 
 height: 60px; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
 } 
 .form-horizontal{ 
 max-width:800px; 
 padding: 15px; 
 margin: 0 auto; 
 } 
  
 
 
 
  
  
  
  
 
 

效果图：

参考地址：http://www.w3cschool.cn/bootstrap/bootstrap-v2-forms.html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。