Bootstrap中提供了三种类型的表单布局:垂直表单、横向表单以及内联表单;它们通过外部引入Bootstrap中的JavaScript和CSS文件以及在元素中添加类名来设置表单控件
HTML表单是网页和应用程序中不可或缺的一部分,但是仅使用CSS来逐个手动设置表单控件的方式通常很麻烦且枯燥乏味。如今随着bootstrap的出现大大简化了表单控件比如表单中的标签,输入字段,选择框以及提交框等样式和对齐过程。接下来在文章中将为大家详细介绍Bootstrap中的表单布局样式
【推荐课程:Bootstrap课程】
在Bootstrap中提供了三种不同类型的表单布局:
垂直表单(默认表格布局)
横向表单
内联表单
接下来在文章中将和大家逐一详细介绍这些表单布局以及各种与表单相关的Bootstrap组件
外部引入Bootstrap
<link rel="stylesheet" type="text/css" href=".\bootstrap-3.3.7-dist\css\bootstrap.css"> <script type="text/javascript" src=".\bootstrap-3.3.7-dist\js\bootstrap.min.js"></script>
创建垂直表单布局
这是默认的Bootstrap表单布局,其中样式应用于表单控件,而不向