调整标签旁边输入

Question

我有这样的布局

<div class="form-group">
  <div class="col-md-12">
    <div class='col-md-6'>
      <div class="form-group">
        Date of ship:
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
           <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
    <div class="col-md-2">
      <input type="submit" value="Guardar" class="btn btn-xs" style="background-color:#3399FF;color:#FFFFFF" />
    </div>
  </div>
</div>

Demo

我想做的是修改标签“船的日期”只是输入的一侧而不是它的上方。我怎样才能实现它？问候

Answer 1

将它定位到输入字段的左侧是一件简单的事情。您可能必须减小输入框的大小，或将输入字段向左移动。要做到这一点，你需要CSS。

Answer 2

首先，他们在一个col-md-6。这是整行宽度的一半。这个空间不大，但它应该可以工作，CSS：

label { float: left; }
input.form-control { float: left; }