前端.解決form-contral總是換行問題

form-control 總是會換行，后面加單位的時候很難看，如下圖。

<div class="col-sm-3"> 
     <input id="investAmount" name="investAmount" class="form-control" required th:field="*{investAmount}" type="text">
    <select name="unit" class="form-control" th:field="*{unit}" id="unit" >
          <option value="萬元">萬元</option>
      <option value="億元">億元</option>
   </select>    
 </div>

 

 

嘗試了多種方法，終於發現 在外框里加入 form-inline就可完美解決。

1 <div class="form-inline col-sm-3"> 
2      <input id="investAmount" name="investAmount" class="form-control" required th:field="*{investAmount}" type="text">
3     <select name="unit" class="form-control" th:field="*{unit}" id="unit" >
4           <option value="萬元">萬元</option>
5       <option value="億元">億元</option>
6    </select>    
7  </div>