无法按照我的需要编辑英雄小部件

Question

我已经尝试修复了一个小时（我是初学者），而我所做的一切都没有一次改变。 我当前的网站是这个https://www.traveltradewinds.com/ttw/

在首页上，搜索“您的房间”部分，我试图使其看起来像这样https://www.hotwire.com/hotels/

任何帮助都将不胜感激，因为我不知道如何解决此问题，谢谢

Answer 1

您是否尝试过使用 Bootstrap内联表单进行内联表单。请在form-inline中与form-group一起尝试

Answer 2

我已更新代码。尝试这个。 但是，我不知道如何发送带有类名的所有CSS代码。

@media only screen and (min-width: 40.063em)
.hero .hero-inner {
width: 100% !important;
float: left;
margin-left: 1.38889%;
margin-right: 1.38889%;
}


.hero .hero-inner {
width: 100%;
float: left;
margin-left: 1.38889%;
margin-right: 1.38889%;
}



ul{
 display:flex;
 }

将此CSS代码放入表单标签

form{
border: 1px solid white;
background: white;
padding: 10px;
border-radius: 5px;
}

.widget ul {
list-style: none;
margin: 0;
padding: 0;
}


.hero .widget ul li, .hero .widget ol li {
list-style: none;
height: 48px;
margin: 50px 15px;
height: 48px;
margin: 50px 15px;
}

.hb-submit{
 text-align:center;
 }

我从代码中删除了到达日期，出发日期，成人和儿童标签。

尝试这些代码。