Bootstrap表单布局

前端之家收集整理的这篇文章主要介绍了Bootstrap表单布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Bootstrap 提供了下列类型的表单布局:

•垂直表单(默认) -> 这个不好看,都是手机版了,PC版占一排不好看;

•内联表单 -> 我相信这个才是你想要的,PC版响应横排,手机版响应竖排。

•水平表单 -> 用栅格系统控制显示

一、垂直表单

垂直表单使用的标准步骤

1.

元素添加 role="form"。

2.把标签和控件放在一个带有"form-group"的

中,获取最佳间距。

3.向所有的文本元素