Javascript 引导，多字段搜索栏

我正在为一个新网站设计一个多字段搜索栏。该网站是用PHP/Javascript/Bootstrap制作的

我需要创建4个字段（3个文本字段+1个搜索按钮），它们应该在一个

<div class="row">
   <div class="col-lg-8 col-lg-offset-2">
       ..here the fields plus button...
   </div>
</div>

…这里是fields plus按钮。。。

我该怎么做？我尝试了表单内联，但结果如下：

---

您必须分配到12列，并将您的div置于中心，如：

更改您的代码：

<div class="row">
   <div class="col-lg-8 col-lg-offset-2">
       ..here the fields plus button...
   </div>
</div>

…这里是fields plus按钮。。。

用于：

第一场
第二场
野树
您的搜索字段

---

请参阅以下内容：了解更多信息。

如果您没有像旧浏览器支持这样特别有问题的需求，那么您可以享受Flex带来的乐趣

---

float:left

在输入和按钮上？这将强制元素占据所有空间？如果我想让按钮短一点怎么办？这不会让元素占据所有空间，而是让它们显示成一行。你可以调整他们的css

width

属性（可能给输入30%的宽度和按钮10%），好的。不幸的是，当处于移动模式时，字段不会折叠成四行。如果您有办法检测移动模式，您可以在移动时对输入和按钮应用

clear:all

。这将使他们总结成一条新的路线

<!--Adding some styles for center the row-->
<div class="row" style="margin: 0 auto; display:block; width: 100%;">
    <div class="col-lg-2">Field One</div>
    <div class="col-lg-2">Field Two</div>
    <div class="col-lg-2">Field Tree</div>
    <div class="col-lg-6">Your search field</div>
</div>