Html 如何让按钮与div对齐

嗨，伙计们，我现在正努力做到这一点：（我希望按钮和数量框在同一行）

然而，由于某些原因，我的按钮位于quantiy框下方，我不知道为什么，我现在正在使用bootstrap 3，我尝试对每个按钮使用

col 6

，并尝试

display inline

，但不知道如何使其工作

html:

。加减输入{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
左边距：136px；
}
.加减输入.输入组字段{
文本对齐：居中；
宽度：50px；
高度：41px；
字体大小：16px；
线高：1.2；
边框：2个实心#e6；
}
.加减输入.输入组字段：：-webkit内部旋转按钮，.加减输入.输入组字段：：-webkit外部旋转按钮{
-webkit外观：无；
外观：无；
}
.加减输入.输入组按钮.圆圈1{
边框左上半径：3px；
边框左下半径：3px；
}
.加减输入.输入组按钮.圆圈2{
边框右上角半径：3px；
边框右下半径：3px；
}
.btn主要{
边界半径：0px；
宽度：42px；
高度：41px；
背景色：#e6；
边框：2个实心#e6；
颜色：#888888；
}
.btn主：悬停，.btn主：活动：焦点，.btn:焦点，.btn:活动，.btn主：焦点{
颜色：#888888；
背景色：#e6；
边框颜色：#e6；
大纲：无！重要；
盒影：无；
}
.btn危险{
背景色：#22222；
边界半径：23px；
字体系列：蒙特塞拉特普通；
字体大小：15px；
颜色：白色；
文本转换：大写；
边框颜色：#2222222；
宽度：57%；
身高：100%；
填充：9px；
边缘底部：50px；
}
.btn危险：悬停{
背景色：#c39d6d；
边框颜色：#c39d6d；
}

添加到购物车

使用

显示：内联flex在
中。加减输入
类中，我还在css的按钮标记中添加了
addcart
类，如：

.addcart {
    display: inline-block;
    width: auto;
}


。加减输入{
显示：-网络工具包盒；
显示：-ms flexbox；
显示：内联flex；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
左边距：136px；
}
.加减输入.输入组字段{
文本对齐：居中；
宽度：50px；
高度：41px；
字体大小：16px；
线高：1.2；
边框：2个实心#e6；
}
.加减输入.输入组字段：：-webkit内部旋转按钮，.加减输入.输入组字段：：-webkit外部旋转按钮{
-webkit外观：无；
外观：无；
}
.加减输入.输入组按钮.圆圈1{
边框左上半径：3px；
边框左下半径：3px；
}
.加减输入.输入组按钮.圆圈2{
边框右上角半径：3px；
边框右下半径：3px；
}
.btn主要{
边界半径：0px；
宽度：42px；
高度：41px；
背景色：#e6；
边框：2个实心#e6；
颜色：#888888；
}
.btn主：悬停，.btn主：活动：焦点，.btn:焦点，.btn:活动，.btn主：焦点{
颜色：#888888；
背景色：#e6；
边框颜色：#e6；
大纲：无！重要；
盒影：无；
}
.btn危险{
背景色：#22222；
边界半径：23px；
字体系列：蒙特塞拉特普通；
字体大小：15px；
颜色：白色；
文本转换：大写；
边框颜色：#2222222；
宽度：57%；
身高：100%；
填充：9px；
边缘底部：50px；
}
.btn危险：悬停{
背景色：#c39d6d；
边框颜色：#c39d6d；
}
.addcart{
显示：内联块；
宽度：自动；
}

添加到购物车
使用
display:inline flex
打开
加减输入
好吧，如果你把display:inline block放进去，我算出来了；在按钮上，然后使用display:inline flex；在数量上：）@JakeHolzinger打败了我2:）