问题描述：

     四个输入框中间三个横线，在固定宽度情况下是可以实现的，可是浏览器缩小到1200以后，样式就乱了。

解决办法：

       写四个class为input-group，其中三个输入框后面加上class为input-group-addon的横线，并且去掉border、background-color。另外把col-xs-3的padding-right、padding-left样式去掉。
     

   <div class=" col-xs-3">
        <div class="input-group">
           <input type="text" placeholder="行业" class="form-control">
           <span class="input-group-addon">----</span>
        </div>
   </div>