Html 布局需要日历图示符图标位于输入旁边

Html 布局需要日历图示符图标位于输入旁边,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我希望我的日历图示符图标就在输入的旁边(右边),但它正在输入的下方跳下 我该怎么修理 代码 在锚定标记中使用输入组插件类 堆栈片段 应采用可用的全宽(col-xs-9)。有两种方法可以将日历图标与输入字段放在同一行中: 将classinput group addon添加到icon元素 引导示例 很高兴为您提供帮助。:)thx用于-1巨魔 <div class="col-sm-9"> <div class="input-group"> <

我希望我的日历图示符图标就在输入的旁边(右边),但它正在输入的下方跳下

我该怎么修理

代码


在锚定标记中使用
输入组插件

堆栈片段


应采用可用的全宽(
col-xs-9
)。有两种方法可以将日历图标与输入字段放在同一行中:

  • 将class
    input group addon
    添加到icon元素
  • 
    引导示例
    
    很高兴为您提供帮助。:)thx用于-1巨魔
    <div class="col-sm-9">
        <div class="input-group">
          <input type="text" class="form-control" [(ngModel)]="TickleDate" name="TickleDate" id="TickleDate" [minDate]="minDate" [maxDate]="maxDate"
               #xdp="bsDatepicker" bsDatepicker [(bsValue)]="tickleValue" [bsConfig]="dpConfig">
          <a href="#"><span class="glyphicon glyphicon-calendar"></span></a>
        </div>
    </div>