Css 将输入字段对齐到Bootstrap3中按钮工具栏的左侧

我正试图将输入字段直接放在右侧3个按钮（btn工具栏的

btn

）的左侧。我不知道为什么这么难。我尝试过改变输入字段的宽度，并使用各种实用程序类，但都没有成功。任何帮助都将不胜感激

开始日期
结束日期
获取数据
创造
创造
接近
可乐
可乐
可乐
1.
2.
3.

在一行中，您的列必须加起来是12列，因为它是引导中的12列网格。我将输入设置为2列，按钮设置为4列

我还通过添加3列4和2列6，并在输入字段周围添加一个“form group”类，修复了移动大小布局

更新为在按钮列中添加“文本右键”，并从三个按钮周围删除“按钮工具栏”

再次更新以添加更多断点，因此大屏幕看起来更好。

开始日期
结束日期
获取数据
创造
创造
接近
可乐
可乐
可乐
1.
2.
3.

在@k123的帮助下，我找到了一个似乎可以正常工作的解决方案。但如果有更好的方法来实现这一点，我很乐意选择一个更好的答案

最后，我将

表单组

放入最后一个

div

，并使用

pull left

类将其强制放到按钮的左侧。这肯定不是最理想的解决方案，但在大型显示器上看起来“足够好”

开始日期
结束日期
获取数据
创造
创造
接近
可乐
可乐
可乐
1.
2.
3.

谢谢。这样更好，但输入字段和按钮没有排列到表的右边缘。它们现在更靠近中心。我已更新了代码段，使其列中的按钮右对齐。是的，但现在输入字段未对齐按钮旁边的位置：（这是因为输入本身在一列中。Bootstrap 3无法使列自动调整以适应空间，但Bootstrap 4可以。是否要求您继续使用Bootstrap 3？是的，Bootstrap 3是一项要求，因为应用程序的其余部分使用它，我目前无法迁移到Bootstrap 4。