Bootstrap水平排列的表单外层宽度变小 label标签就无法在一行显示了！

1.Bootstrap水平排列的表单外层宽度变小 label标签就无法在一行显示了！
2.500px会错乱

3.之所以要减小外层宽度主要是空白留太多了（这是800px的情况）。

4.希望能再宽度减小到500px也能有这种效果 ，该怎么办呢，如果自己写元素就无法用到bootstrap的自适应了啊。

5.部分代码

求大神赐教！

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 建议你看下这篇博客👉 ：bootstrap水平排列表单

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^