Bootstrap提供了许多类来帮助样式化表单元素。
要利用表单样式,需要做的主要事情是将类form-control添加到赢博体育表单控件中,并将类form-label添加到表单中的赢博体育标签元素中。
单击上面的按钮转到演示Bootstrap表单样式的简单使用的页面。Bootstrap表单样式的默认行为是按垂直顺序布局标签和元素。
像单选按钮这样的特殊元素需要一些额外的结构:详见上面的例子。
这个示例还演示了字段集元素的使用。在本例中,我使用字段集在表单周围放置边框。fieldset元素中的p-3类是Bootstrap填充类,它在表单中的每个元素周围放置额外的填充。这有助于将表单内容与围绕字段集运行的边框分开。
单击上面的按钮可转到演示表单更复杂用法的页面。在本例中,我使用Bootstrap网格类(例如行类和列类)将表单元素组织到网格中。如果您想将标签放置在输入元素的旁边而不是上面,这是必要的。
关于Bootstrap中表单样式的完整信息可以在官方文档中在线获得。