Вынесите выпадающий ярлык, выпадающий и отправьте кнопку в одной строке

Question

Я занимаюсь разработкой приложения для рельсов, и у меня выпадающая форма отправки, как показано ниже,

#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")

Проблема здесь в том, что выпадающий ярлык появляется в строке, затем следует выпадающий список и кнопка отправки в другой строке. Как я могу заставить это появиться в той же строке. Я использую загрузчик scss.

Спасибо за вашу помощь.

Основываясь на ответе ниже, я изменил код на

= 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")

но между элементами формы слишком большой интервал, и это выглядит не очень хорошо.

Answer 1

Если вы используете 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")