Twitter bootstrap 翡翠酒店;引导数据采集器&;内联按钮

Twitter bootstrap 翡翠酒店;引导数据采集器&;内联按钮,twitter-bootstrap,pug,bootstrap-datepicker,Twitter Bootstrap,Pug,Bootstrap Datepicker,我有一个,我正在使用它的范围版本,我想在右边添加一个按钮,以便用户在更改日期后可以刷新查询 我尝试过识别和一些内联块样式,但都不起作用。出现按钮,但整个事情都搞砸了。 下面是一个示例datepicker,其中按钮未按预期放置 .input-group.date #datepicker.input-daterange.input-group input#StartDate.input-sm.form-control(type='text', name='st

我有一个,我正在使用它的
范围
版本,我想在右边添加一个
按钮
,以便用户在更改日期后可以刷新查询

我尝试过识别和一些
内联块
样式,但都不起作用。出现
按钮
,但整个事情都搞砸了。
下面是一个示例
datepicker
,其中
按钮未按预期放置

.input-group.date
        #datepicker.input-daterange.input-group
            input#StartDate.input-sm.form-control(type='text', name='start', placeholder='Date 1')
            span.input-group-addon to
            input#EndDate.input-sm.form-control(type='text', name='end', placeholder='Date 2')
            button.btn.btn-default.btn-sm(type='button', style='margin-left:8px;')
                     i.fa.fa-refresh

如果你这样包装按钮会怎么样:

.input-group.date
    #datepicker.input-daterange.input-group
        input#StartDate.input-sm.form-control(type='text', name='start', placeholder='Date 1')
        span.input-group-addon to
        input#EndDate.input-sm.form-control(type='text', name='end', placeholder='Date 2')
        span.input-group-btn
            button.btn.btn-default.btn-sm(type='button', style='margin-left:8px;')
                 i.fa.fa-refresh

请参阅:

谢谢!现在我知道了类
输入组btn