Bootstrap框架之表单格式与字体图标的用法-创新互联
这篇文章主要介绍了Bootstrap框架之表单格式与字体图标的用法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
专注于为中小企业提供网站建设、
做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业
克什克腾免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
表单格式
.form-group ：表单组（label 标签和输入框尽量使用这个类包围起来）
.form-control：给input，textarea 和 select 元素都将被默认设置宽度属性为width:100% 圆角边框
.form-inline ：内联表单，是给 form 这个标签设置的，让里面的框变为值水平排列
.form-horizontal：水平排列的表单，通过为表单添加 .form-horizontal 类，并联合使用 Bootstrap 预置的栅格类，可以将label 标签和控件组水平并排布局。这样做将改变 .form-group 的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加 .row 了
.sr-only ：它是主要给 label 来设置，将 label 隐藏起来
一个简单的登陆框
用户名
密码
是否同意
提交
这里的 control-label 是给 label 同步 input 的样式
字体图标
出于性能的考虑，所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意，为了设置正确的内补（padding），务必在图标和文本之间添加一个空格。具体字体图标，请访问Bootstrap中文网（https://v3.bootcss.com/components/）查询。
感谢你能够认真阅读完这篇文章，希望小编分享的“Bootstrap框架之表单格式与字体图标的用法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站栏目：Bootstrap框架之表单格式与字体图标的用法-创新互联
本文路径：
http://kswjz.com/article/dihpjo.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
