Html 如何在引导中将标签置于复选框右侧

我已经尝试了很多方法来放置

在标签前面，但他们在自己之间留下了巨大的差距。 有解决办法吗？这是我的html：

<div class="row">
    <div class="col-sm-6">
        <div class="input-group input-group-sm">
            <input type="checkbox" id="ProcessingConsultantYN" value="0" />
            <label class="input-group-addon input-group-addon-pireus" aria-describedby="ProcessingConsultantYN" id="lbProcessingConsultant" for="ProcessingConsultantYN">Обработва се от Кредитен Консултант</label>
        </div>
    </div>
</div>

Обработва се от Кредитен Консултант

以下是它在网站上显示时的外观以及我实际想要修复的内容：

---

尝试使用此代码。在标签下，根据文档使用复选框标记，或者您可以随时修改结构

我只是试着用表单控件做一个选项，你可以根据

Обработва се от Кредитен Консултант 
Обработва се от Кредитен Консултант

尝试下面的代码只需将

标签

标记类替换为

内联复选框

Обработва се от Кредитен Консултант

类

向左拉

就足够了

Обработва се от Кредитен Консултант

正如@dfsq所说的，检查HTML检查器中是否存在错误。 检查上面的链接是否有效。这个链接肯定会对你有所帮助。

---

根据所使用的类检查

，您正在使用引导？在浏览引导示例和文档时，您可以更好地查找该解决方案。是的，推特引导。我在html检查器中也找不到任何错误。为什么你编辑了我的答案？有什么错误@SwellarI将您的代码放在内置代码段中，而不是

JSFiddle

，但这两个代码是相同的，并且JSFiddle或代码段不适合编辑我的答案@斯威拉里特真的起作用了，我的错。添加输入组插件会再次把它搞砸。向左拉会使它跳过实际的复选框。

label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}