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
。