Javascript 引导筛选器中的元素大小不正确
我正在网格上构建一个过滤器。我定义了一个自定义过滤器类。在这个filterclass中,我还尝试输入一个与inputbox样式相同的复选框。由于某些原因,我无法获得与其他元素相同的大小。在我正在做的事情下面。有人能指出我做错了什么吗 你可以将“表单控制”类添加到群组中,再添加一个类。一些类的行高:20px; HTML 这不是最好的解决办法Javascript 引导筛选器中的元素大小不正确,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我正在网格上构建一个过滤器。我定义了一个自定义过滤器类。在这个filterclass中,我还尝试输入一个与inputbox样式相同的复选框。由于某些原因,我无法获得与其他元素相同的大小。在我正在做的事情下面。有人能指出我做错了什么吗 你可以将“表单控制”类添加到群组中,再添加一个类。一些类的行高:20px; HTML 这不是最好的解决办法 您可以尝试使用class=“row”将所有行放在div中,并为所有选项卡指定一些大小,如.col-xs-4。表单控件的行高为:1.42857 .输入组插件的
您可以尝试使用class=“row”将所有行放在div中,并为所有选项卡指定一些大小,如.col-xs-4。表单控件的行高为:1.42857 .输入组插件的行高:1 见我补充道
<div class="FilterBar">
<div>
<div class="input-daterange input-group" id="datepicker">
<span class="input-group-addon ">Set date</span>
<input type="text" class="form-control" />
<span class="input-group-addon">to</span>
<input type="text" class="form-control" />
</div>
</div>
<div>
<div class="input-group">
<span class="input-group-addon ">Group Flocks</span>
<span class="input-group-addon">
<input type="checkbox"/>
</span>
</div>
</div>
<div class="pull-right">
<button type="button" class="btn btn-warning pull-right">Filter</button>
</div>
.FilterBar {
position: relative;
display: table;
}
.FilterBar > div {
display: table-cell;
padding-right: 8px;
vertical-align: top;
}
.Toolbar .btn-group, .Toolbar .btn-group-vertical {
vertical-align: inherit;
}
<div class="input-group">
<span class="input-group-addon form-control some">Group Flocks</span>
<span class="input-group-addon"> <input type="checkbox"/> </span>
</div>
.some {
line-height: 20px;
}
.input-group-addon {
line-height: 1.42857;
}