bootstrap3 form /如何“向左拉”输入组插件

Question

我有一个使用Bootstrap 3和Ace Admin主题构建的表单。

在这种形式中，我有带插件的表单组，但插件没有插入输入字段。

<div class="col-md-3">
  <div class="input-group">
    <input type="date" name="dateActivation" id="dateActivation" class="input-control">
      <span class="input-group-addon">
        <i class="ace-icon fa fa-calendar"></i>
      </span>
  </div>
</div>

如何将插件插入输入字段？

我不想使用＆＃34;表单控件text-left＆＃34;类，因为我的输入字段的大小将被更改。

我试过了：

<div class="col-md-3">
  <div class="input-group pull-left">
    <input type="date" name="dateActivation" id="dateActivation" class="input-control pull-right">
      <span class="input-group-addon">
        <i class="ace-icon fa fa-calendar"></i>
      </span>
  </div>
</div>

它完成输入字段和工作的工作插件但左拉不起作用。

一个想法？

Here is the fiddle

Answer 1

日期输入的类需要更改为form-control

Demo Fiddle

将您的HTML更改为：

  <div class="input-group">
    <input type="date" name="dateActivation" id="dateActivation" class="form-control"> 
    <span class="input-group-addon">
      <i class="ace-icon fa fa-calendar"></i>
    </span>
  </div>