小编Scr*_*een的帖子

引导复选框和标签在同一行

我无法将复选框和标签放在同一行上。正确的引导方法是将复选框包装在标签标签中,如下所示 -

<li>           
<label><input type="radio">Joe made the sugar cookies; Susan decorated them.</label>
</li>
Run Code Online (Sandbox Code Playgroud)

但是我使用的是 CMS,它不会以这种方式创建复选框和标签,而是像这样生成-

<li>
<input type="radio">
<label>She did her best to help him.</label>
</li>
Run Code Online (Sandbox Code Playgroud)

这种方法的问题是复选框与标签位于不同的行上。我可以将标签设置为display: inline并且这有效,但它从我的表单中删除了所有边距并且看起来不太好。

任何人都可以帮我找到解决方案吗?这是一个js小提琴

html css twitter-bootstrap

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1