如何在同一行上使用兩條輸入線創建窗體？

Question

我創建自舉形式用下面的代碼：

<form class="form-inline" role="form" method="GET" action="/startup/searchprojects"> 
     <div class="form-group"> 
      <label class="sr-only" for="keywords">Key words</label> <input 
       type="text" class="form-control" id="keywords" 
       placeholder="keywords"> 
     </div> 

      <div class="form-group example example-countries"> 
      <label class="sr-only" for="localisation">Country</label> 
       <input class="typeahead" type="text" placeholder="countries"> 
     </div> 

     <button type="submit" class="btn btn-default"> 
      <fmt:message key="search.button.title" /> 
     </button> 
    </form> 

在同一行的形式顯示。兩個輸入文本與提交按鈕在同一行上。

但是，當我添加Spring MVC窗體標籤，窗體的變化。每個輸入都在一行上。所以我有一行用於輸入關鍵字，一行用於輸入國家，一行用於提交按鈕。我的表單現在是垂直的。 在這裏，Spring MVC的形式：

<form:form class="form-inline" role="form" method="GET" commandName="search-form" action="/startup/searchprojects"> 
    <div class="form-group"> 
     <form:label path="keywords" class="sr-only" for="keywords">Key words</form:label> 
     <form:input path="keywords" type="text" class="form-control" id="keywords" 
      placeholder="key words"></form:input> 
    </div> 

     <div class="form-group example example-countries"> 
     <form:label path="country" class="sr-only" for="localisation">Country</form:label> 
      <form:input path="country" class="typeahead" type="text" placeholder="countries"></form:input> 
    </div> 

    <button type="submit" class="btn btn-default"> 
     <fmt:message key="search.button.title" /> 
    </button> 
</form:form> 

Answer 1

我調整＃搜索表單的寬度。這是寬度的問題。

Answer 2

嘗試把樣式= 「顯示：內聯」 在每一個div的使用

<div style="display: inline"> some content</div>