Css 复选框输入不';不要把标签放在中间

Css 复选框输入不';不要把标签放在中间,css,checkbox,bootstrap-4,Css,Checkbox,Bootstrap 4,文本中心将标签“选中此自定义复选框”居中,但输入仍保留在左侧 如果删除该自定义控件输入类,则会看到一个新的复选框输入,该复选框输入将居中,引导输入仍将位于左侧,并且不可点击 我想把整个事情放在中心 选中此自定义复选框 尝试以下标记: <label class="custom-control-label" for="customCheck1"><input type="checkbox" class="custom-control-input" id="customCheck

文本中心
将标签“选中此自定义复选框”居中,但输入仍保留在左侧

如果删除该
自定义控件输入
类,则会看到一个新的复选框输入,该复选框输入将居中,引导输入仍将位于左侧,并且不可点击

我想把整个事情放在中心


选中此自定义复选框
尝试以下标记:

<label class="custom-control-label" for="customCheck1"><input type="checkbox" class="custom-control-input" id="customCheck1" />Check this custom checkbox</label>
选中此自定义复选框

使用Bootstrap 4.1或更新版本,如最新的4.2.1版本。自Bootstrap 4.1起,
自定义控件标签
已更改为
位置:相对
,这将允许复选框和标签居中


您可以尝试此代码,

只需告诉您当前的div'd-inline-block'这是引导类,包装一个容器类并添加文本中心


选中此自定义复选框