Css 引导4:复选框文本位于左侧,复选框位于右侧

Css 引导4:复选框文本位于左侧,复选框位于右侧,css,twitter-bootstrap,checkbox,bootstrap-4,Css,Twitter Bootstrap,Checkbox,Bootstrap 4,这似乎很简单,但我似乎无法理解。我有一个带有文本的复选框,我需要文本放在左边,复选框放在右边。我该怎么做 这是我的密码: 。自定义控件说明{ 颜色:#009fff; 文本转换:大写; } .自定义复选框.自定义控件指示器{ 边界半径:0; 边框:2px实心#cdc9ca; 背景:#fff; } 所有页面 将位置属性添加到自定义控制指示器的样式中 .custom-checkbox .custom-control-indicator { position: relative;

这似乎很简单,但我似乎无法理解。我有一个带有文本的复选框,我需要文本放在左边,复选框放在右边。我该怎么做

这是我的密码:

。自定义控件说明{
颜色:#009fff;
文本转换:大写;
}
.自定义复选框.自定义控件指示器{
边界半径:0;
边框:2px实心#cdc9ca;
背景:#fff;
}

所有页面

将位置属性添加到
自定义控制指示器的样式中

 .custom-checkbox .custom-control-indicator {
    position: relative;
    border-radius: 0;
    border: 2px solid #cdc9ca;
    background: #fff;
 }

尝试下面的代码,只需将文本放在标签内即可


这里有文字。。。。

哦,好的!这看起来很有希望,但我如何才能让文本移到最左边,因为现在正在发生这样的事情:等等,我会更新我的代码,给我一点时间。简单地说,
左边距:5px
或更多我不知道它们应该移多远@如果这是你想要的,请接受答案。我会接受答案,没问题。因为他真的解决了这个问题。谢谢,@VipulSingh。但是你现在可以看看我的代码片段了吗?你正在使用
justify content end
作为一个类,这就是为什么它在右角。使用
justify content start
。是的,我也试过了,但由于某些原因它们仍然彼此粘着。只要看看代码片段的输出…为什么post被否决。。我能知道原因吗???