bootstrap 表单类

bootstrap 表单类

表单美化

用法： 向父元素 <form role="form"></form>     添加 role="form"

　　　把标签和控件放在   .form-control 类的div里面

　　　向所有的文本元素   input  textarea   seclect   添加类   .form-control

三种表单布局类：  垂直表单（默认）    内联表单     水平表单

摘自菜鸟教程 默认表单<form role="form">    <div class="form-group">        <label for="name">名称</label>        <input type="text" class="form-control" id="name" placeholder="请输入名称">    </div>    <div class="form-group">        <label for="inputfile">文件输入</label>        <input type="file" id="inputfile">        <p class="help-block">这里是块级帮助文本的实例。</p>    </div>    <div class="checkbox">        <label>            <input type="checkbox">请打勾        </label>    </div>    <button type="submit" class="btn btn-default">提交</button></form>

内联表单  需要对里面的元素宽度进行设置