Ruby on rails 将下拉标签、下拉和提交按钮放在同一行中

我正在开发一个rails应用程序，我有一个下拉提交表单，如下所示

#container
  = form_tag({:controller => "r4d", :action=> "result" }, remote: true, method: :get) do
      = label_tag(:q, "Trip Type: ")
      = select_tag(:q, options_for_select(r4d_options, "r4d_002"), class: "form-control")
      = submit_tag("Get Trip Details", :id => "submit", :class => "btn btn-sm btn-default")

这里的问题是，下拉标签出现在一行中，然后是另一行中的下拉和提交按钮。如何使其显示在同一行中。我正在使用引导SCS

谢谢你的帮助

根据下面的答案，我已将代码更改为

= form_tag({:controller => "r4d", :action => "result", :class => "form-inline"}, remote: true, method: :get) do
    .row
        .col-sm-12
            .col-sm-4
                = label_tag(:q, "Trip Type: ")
            .col-sm-4
                = select_tag(:q, options_for_select(r4d_options), class: "form-control")
            .col-sm-4
                = submit_tag("Get Trip Details", :id => "submit", :class => "btn btn-sm btn-default")

---

但是表单元素之间的间距太大，看起来不太好。

如果您使用的是haml，请尝试在一行中设置内容的以下格式

  .row
    .col-sm-12
      .col-sm-6
        = label_tag(:q, "Trip Type: ")
        = select_tag(:q, options_for_select(r4d_options, "r4d_002"), class: "form-control")
      .col-sm-6
        = submit_tag("Get Trip Details", :id => "submit", :class => "btn btn-sm btn-default")

---

你能给我屏幕截图吗？它看起来怎么样？你想要什么？@Vishal我已经添加了这个图像，我需要它与你在应用程序中使用bootstrap的图像保持一致？是的。我正在使用它，请尝试我的答案，让我知道它是否在工作，它仍然在左侧，如前所述，有一些空白。有没有办法通过单独添加类名来做到这一点？@santhoshkumar检查是否应用了引导css。正在应用引导css。我没有在css中使用任何其他.row或.col。scss@santhoshkumar如果使用col-sm-12和col-sm-6的宽度css，应该没有问题。我已将其从col-sm-4更改为col-sm-4。但是网页元素之间的间距太大，看起来不太好