如何使用Bootstrap创建表单-创新互联

- 把标签和控件放在一个带有 class .form-group 的

中。这是获取最佳间距所必需的。

- 向所有的文本元素 、 和 <select> 添加 class .form-control。</p><pre><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></pre><p align=center>另外有需要云服务器可以了解下<a href="https://www.cdcxhl.com/" target="_blank">创新互联建站</a>www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 当前标题：如何使用Bootstrap创建表单-创新互联 <br> 网页URL：<a href="http://shouzuofang.com/article/shohp.html">http://shouzuofang.com/article/shohp.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/docpiio.html">java父类静态代码块 java中的静态代码块</a> </li><li> <a href="/article/docpiid.html">linux改名字常用命令 linux设置命令别名</a> </li><li> <a href="/article/docpigi.html">python集合长度函数 python判断集合长度</a> </li><li> <a href="/article/docpijo.html">终止命令linux 终止命令CRITICAL_PROCESS_DIED</a> </li><li> <a href="/article/docpicc.html">java开放代码怎么运行 Java开放</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求