前端.解决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>