比较常见的布局方式就是：标题放在最上面是为了响应式的环境下有较好的体验，不至于因为宽度不够导致文字换行。

这里v5和v4有个区别的地方，v5没有了 form-group，所以表单元素的父 div，需要用 mb-3 来保证相邻的div不会叠加在一起。

文字和表单元素在同一行。

这个示例跟上一个其实是一样的，有些小伙伴可能不想要这么宽的输入框，这里可以新增样式 mx-w-800，指定最大宽度，让表单居中，你也可以自己定义。

使用 input-group 布局。

这种布局也有局限性，右侧高度固定，如果是复选和单选，手机下可能会错位