码迷,mamicode.com
首页 > 其他好文 > 详细

前端.解决form-contral总是换行问题

时间:2019-09-12 10:20:05      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:inpu   form   field   alt   back   orm   ext   sele   sel   

form-control 总是会换行,后面加单位的时候很难看,如下图。

1 <div class="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>

 

技术图片

 

尝试了多种方法,终于发现 在外框里加入 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>

技术图片

 

前端.解决form-contral总是换行问题

标签:inpu   form   field   alt   back   orm   ext   sele   sel   

原文地址:https://www.cnblogs.com/initx/p/11509959.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!