Bootstrap所支持的表单控件实例详解(3)

<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 表单控件大小</title> <link href="https://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"> <script src="https://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script> </head> <body> <form role="form"> <div> <input type="text" placeholder=".input-lg"> </div> <div> <input type="text" placeholder="默认输入"> </div> <div> <input type="text" placeholder=".input-sm"> </div> <div> </div> <div> <select> <option value="">.input-lg</option> </select> </div> <div> <select> <option value="">默认选择</option> </select> </div> <div> <select> <option value="">.input-sm</option> </select> </div> <div> <div> <input type="text" placeholder=".col-lg-2"> </div> <div> <input type="text" placeholder=".col-lg-3"> </div> <div> <input type="text" placeholder=".col-lg-4"> </div> </div> </form> </body> </html>

结果如下所示:

这里写图片描述


脚本之家小编给大家推荐相关专题:

BootStrap组件操作技巧

Bootstrap 相关知识汇总

以上就是bootstrap所支持的表单控件。大家都看明白了,有任何疑问欢迎给我留言,小编会及时回复大家的,同时也非常感谢大家对脚本之家网站的支持

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzpjpx.html