html5中bootstrap表单样式文件html，兼容多种UA终端

原创作品（请勿商用）：目前的UA表单不用判断表格的宽度，它是自适应的，它可以自适应PC、平板、手机；每一个模块可以折叠显示隐藏的效果，（如不需要可以删除）。如有要自己手动设置宽度，那就设置在表单元素上例如：<input type="text" style="width:30%"/>，最好使用百分比值。

效果图如下：

平板760px

手机320px

表格表单主要分成两种：

一种是左右排版的，我称为 基本表格表单<table class="table table-UAform"> 效果图如下：

UA基本表格表单是左右排版的下面table-label、table-info-left是单元格必要的类名：

        table-label 配合<table class="table table-UAform" >下的单元格添加<td class="table-label">背景灰色,文字右对齐 
        table-info-left 配合<table class="table table-UAform" >下的单元格添加<td class="table-info-left">背景白色,文字左对

另一种是上下排版的 我称为 明细表格表单 <table id="proTab" class="table table-UAform table-bordered table-hover"> + 单元格边框 + 鼠标经过  效果图如下

    id="proTab" 是做动态表格时用的id元素  如不需要可删除。 

  细节元素

  1. 注释类的说明

      采用引导弹窗  进入页面显示，点击关闭，再点击显示。（页面整洁干净）

提示小工具（鼠标经过显示）

2.高级浏览器中  文本域  可以鼠标变形，拉大变小。。

                 >

3.文本输入框点击时蓝色边框的标识（便于找到 现在填写到哪一个输入框了）

项目截图