本篇文章就给大家介绍bootstrap中的列表组组件，面板组件，响应式嵌入组件。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。如果大家想要学习和获取更多的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学习之表单格式与字体图标的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1547189.html
微信扫一扫 
支付宝扫一扫 
