Html 如何在div中对齐复选框

我需要将复选框居中对齐。这是我的代码：

  <div class="col-xs-4"><input type="checkbox" id="{gruppi.nome_gruppo}" style="vertical-align:middle"></div>

---

但它不起作用。有人能帮我吗？

添加

col-xs-offset-4

和

文本中心

，使其位于中心

---

您好您可以通过在复选框中设置高度来获得它 检查这个

.bg{
背景：#e2；}