Bootstrap3 横向表单/水平表单

横向表单

通过为表单添加.form-horizontal类,并联合使用 Bootstrap的栅格类,便可以将label标签和控件组水平并排布局。这样做将改变.form-group的行为,使其表现为栅格系统中的行(row),因此就无需再额外添加.row了。如:

 
  1.   
  2.     Email
  3.     
  4.       
  5.     
  •   
  •   
  •     Password
  •     
  •       
  •     
  •   
  •   
  •     
  •       
  •         
  •            Remember me
  •         
  •       
  •     
  •   
  •   
  •     
  •       Sign in
  •     
  •   
  • 效果如图 2‑51所示:

    Bootstrap3 横向表单/水平表单_第1张图片

    图2-51 横向表单

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    你可能感兴趣的:(Bootstrap3实用教程)