Bootstrap基础教程（第3版）（微课版）课件汇总 24-任务1：三种表单 ---48-任务8：选项卡 .pptx

任务1：

三种表单项目五表单主讲人：赵丙秀武汉软件工程职业学院

CONTENTS0102垂直表单水平表单03内联表单

垂直表单/01

垂直表单

垂直表单把成对的标签和表单控件放在一个带有class=mb-3的div中，这是获取最佳间距所必需的。01文本形式的控件input和textarea使用.form-control进行样式化，包括一般外观、focus状态、尺寸等等的样式。02label标签，使用class=“form-label”。03

垂直表单

水平表单/02

水平表单在垂直表单的基础上，给每一组标签控件外层div，添加row。01对label标签使用col类，