Twitter bootstrap 将复选框/无线电输入与其标签垂直对齐
在引导v4中,如何将复选框与其标签垂直对齐?我举了以下例子: 或Twitter bootstrap 将复选框/无线电输入与其标签垂直对齐,twitter-bootstrap,twitter-bootstrap-4,Twitter Bootstrap,Twitter Bootstrap 4,在引导v4中,如何将复选框与其标签垂直对齐?我举了以下例子: 或 将类名.container添加到标签和样式中,如下所示: .container { display: table; vertical-align: middle; } .custom-control-indicator { display: inline-block; vertical-align: middle; position: relati
将类名.container添加到标签和样式中,如下所示:
.container {
display: table;
vertical-align: middle;
}
.custom-control-indicator {
display: inline-block;
vertical-align: middle;
position: relative;
top:0;
}
请参阅下面的代码片段
检查这个
检查这个
检查这个
.集装箱{
显示:表格;
垂直对齐:中间对齐;
}
.容器.自定义控件指示器{
显示:内联块;
垂直对齐:中间对齐;
位置:相对位置;
排名:0;
}
和@Rob的可能重复感谢您指出存在的问题,但我正在寻找特定的bootstrap v4解决方案……但找不到
.container {
display: table;
vertical-align: middle;
}
.custom-control-indicator {
display: inline-block;
vertical-align: middle;
position: relative;
top:0;
}