Html 如何将下拉列表和文本框放在一行中？

我正在开发一个搜索栏，其中有位置下拉框和搜索文本框。在应用bootstrap之前，它在一行中，但在应用bootstrap之后，它位于另一行的下方，无论我更改了什么值、显示或位置，它都不会出现在一行中。我该如何解决这个问题

下面附上图片和代码以供参考

.homewall
{
高度：480px；
最大宽度：100%；
}
标志
{
字号：80px；
颜色：红色；
位置：绝对位置；
排名前10%；
背景：白色；
宽度：110px；
高度：110px；
左边距：50%；
文本对齐：居中；
保证金权利：50%；
边界半径：50%；
}
标题
{
颜色：白色；
位置：绝对位置；
最高：35%；
字体大小：36px；
字体大小：正常；
文本对齐：居中；
左边缘：25%；
}
.搜索
{
位置：绝对位置；
最高：50%；
左：30%；
文本对齐：居中；
}
洛克德先生
{
高度：60px；
宽度：245px；
颜色：灰色；
边界：无；
字体大小：16px；
利润率：21px；
}
.restInput
{
高度：60px；
宽度：477px；
颜色：灰色；
边界：无；
字体大小：16px；
利润率：21px；
}
@仅介质屏幕和（最大宽度：600px）
{
.restInput
{
高度：40px；
宽度：245px；
颜色：灰色；
边界：无；
字体大小：16px；
不透明度：0.7；
浮动：左；
}
.homewall
{
最大宽度：100%；
}
标志
{
文本对齐：居中；
字号：80px；
颜色：红色；
背景：白色；
宽度：115px；
高度：123px；
边界半径：50%；
位置：绝对位置；
排名前10%；
左缘：38%；
右边距：40%；
}
洛克德先生
{
位置：相对位置；
顶部：-238px；
左缘：23.5%；
保证金权利：20%；
文本对齐：居中；
}
}

标志
找到最好的餐馆、咖啡馆和酒吧
选择位置
孟买
德里
班加罗尔

如果您想让它们从左侧相同的位置开始，您需要去除放置在

上的中心对齐。搜索

。同时避免使用精确的位置值，因为它可能会在不同的屏幕大小中中断。移除容器的对齐，然后如果需要，两个容器将具有相同的水平起点

.homewall
{
高度：480px；
最大宽度：100%；
}
标志
{
字号：80px；
颜色：红色；
位置：绝对位置；
排名前10%；
背景：白色；
宽度：110px；
高度：110px；
左边距：50%；
文本对齐：居中；
保证金权利：50%；
边界半径：50%；
}
标题
{
颜色：白色；
位置：绝对位置；
最高：35%；
字体大小：36px；
字体大小：正常；
文本对齐：居中；
左边缘：25%；
}
.搜索
{
位置：绝对位置；
最高：50%；
左：30%；
}
洛克德先生
{
高度：60px；
宽度：245px；
颜色：灰色；
边界：无；
字体大小：16px；
利润率：21px；
}
.restInput
{
高度：60px；
宽度：477px；
颜色：灰色；
边界：无；
字体大小：16px；
利润率：21px；
}
@仅介质屏幕和（最大宽度：600px）
{
.restInput
{
高度：40px；
宽度：245px；
颜色：灰色；
边界：无；
字体大小：16px；
不透明度：0.7；
浮动：左；
}
.homewall
{
最大宽度：100%；
}
标志
{
文本对齐：居中；
字号：80px；
颜色：红色；
背景：白色；
宽度：115px；
高度：123px；
边界半径：50%；
位置：绝对位置；
排名前10%；
左缘：38%；
右边距：40%；
}
洛克德先生
{
位置：相对位置；
顶部：-238px；
左缘：23.5%；
保证金权利：20%；
文本对齐：居中；
}
}

标志
找到最好的餐馆、咖啡馆和酒吧
选择位置
孟买
德里
班加罗尔

在div中包装选择按钮和搜索框添加

显示：flex

到包装器

.homewall{
高度：480px；
最大宽度：100%；
}
.横幅街{
位置：相对；/*我们必须添加位置：相对于横幅文本的父项*/
}
/*我添加了一个新类的*/
.banner文本{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.标志{
字体大小：50px；
颜色：红色；
背景：白色；
宽度：110px；
保证金：0自动；
高度：110px；
显示：flex；/*至中心徽标*/
将项目对齐：居中；/*至垂直居中徽标*/
对齐内容：居中；/*水平居中徽标*/
文本对齐：居中；
边界半径：50%；
}
.标题{
颜色：白色；
字体大小：36px；
边缘底部：20px；
字体大小：正常；
文本对齐：居中；
}
/*将下拉框和搜索框设置为一行*/
.搜索{
显示器：flex；
文本对齐：居中；
}
洛克德先生{
高度：60px；
宽度：245px；
边界半径：5px 0 5px；
颜色：灰色；
边界：无；
字体大小：16px；
}
.restInput{
高度：60px；
宽度：477px；
颜色：灰色；
边界：无；
字体大小：16px；
边界半径：0 5px 5px 0；
}
@仅介质屏幕和（最大宽度：600px）
{
.restInput{
高度：50px；
宽度：245px；
颜色：灰色；
边界：无；
字体大小：16px；
}
.homewall{
最大宽度：100%；
}
.标志{
文本对齐：居中；
字号：80px；
颜色：红色；
背景：白色；
宽度：110px；
高度：110px；
边界半径：50%；
}
洛克德先生{
高度：50px；
宽度：100px；
文本对齐：居中；
}
}

标志
找到最好的餐馆、咖啡馆和酒吧