Question

   <div class="form-group">
        <input type="text" class="form-control col-xs-5 col-sm-5 col-md-5 col-lg-5" placeholder="First Name">
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div>
        <input type="text" class="form-control col-xs-6 col-sm-6 col-md-6 col-lg-6" placeholder="Last Name">
    </div>

对于大中型，它的工作，但当我用它为移动大小时，输入组件总是col - * - 12，使用form-inline它也不工作，任何想法？

Answer 1

您可以尝试使用这些代码

<div class="form-group">
 <div class="row">
   <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5"><input type="text" class="form-control" placeholder="First Name"></div>
   <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5"><input type="text" class="form-control col-xs-6 col-sm-6 col-md-6 col-lg-6" placeholder="Last Name"></div>   
  </div>
</div>

Bootstrap col大小不在表单中

1 个答案: