Css 无标签的引导自定义Radiobox未对齐_Css_Twitter Bootstrap_Bootstrap 4

Css 无标签的引导自定义Radiobox未对齐

css twitter-bootstrap bootstrap-4

Css 无标签的引导自定义Radiobox未对齐,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,我使用的是Bootstrap4自定义单选按钮，只要我使用标签文本，它就可以正常工作。有时有文本是没有意义的，但是单选按钮本身就是无效的。如何解决这个问题 <div class="custom-control custom-radio"> <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input"> <label class="custom-cont

我使用的是Bootstrap4自定义单选按钮，只要我使用标签文本，它就可以正常工作。有时有文本是没有意义的，但是单选按钮本身就是无效的。如何解决这个问题

<div class="custom-control custom-radio">
  <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
  <label class="custom-control-label" for="customRadio1"></label>
</div>

结果:

小提琴：


挑选
名称
样本选项1
带标签
样本选项2

在空标签上添加

mb-3

类


挑选
名称
样本选项1
带标签
样本选项2

使用不打印任何内容的特殊字符将允许您在单选按钮旁边不显示任何文本的情况下获得正确对齐

&zwnj;

我对它为什么会弄乱样式的猜测是因为添加到文本中的：：before和：：after代码。如果没有文本，则没有可添加标记的内容


挑选
名称
&zwnj；
样本选项1
带标签
样本选项2

你的回答显示了相同的结果，你确定它正确吗？@奶奶，你能现在检查一下它是否固定在你的设备上吗？现在很好，只是想警告你：）哦，好的。谢谢提醒：）我喜欢这个，因为它是最简单的解决方案，不需要添加额外的类，甚至不需要更改现有的类。谢谢大家!@施维泽·肖吉，不客气！祝你今天愉快：）