新闻资讯当前位置:帝豪2娱乐 > 新闻资讯 > >

帝豪娱乐平台:bootstrap css样式之表单

  

[bootstrap,表单]bootstrap css样式之表单

  

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

  

1、表单基本用法  

  

  

  
  
  
  
      
  
      
  
      

Example block-level help text here.

  
  
    
    
  
  
  

2、内联表单  

  

为 form 元素添加 .form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口(viewport)至少在 768px 宽度时(视口宽度再小的话就会使表单折叠)。

  
  一定要添加 label 标签  
  

  

如果你没有为每个输入控件设置 label 标签,屏幕阅读器将无法正确识别。对于这些内联表单,你可以通过为 label 设置 .sr-only 类将其隐藏。

  

  

  

  
  
  
  
      
  
  
  
@
    
  
  
      
  
    
    
  
  
  

3、水平排列的表单  

  

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

  

  

  

  
  
  
  
    
    
  
  
    
    
  
  
  
  
    
  
  
  
  
    
  
  
  
  
  

以上就是本文的全部内容,希望对大家的学帝豪娱乐平台习有所帮助,也希望大家多多支持。

  

(责任编辑:admin)

上一篇:帝豪娱乐平台:基于JQuery的实现图片轮播效果(焦点

下一篇:没有了

推荐内容