如何對齊輸入類型復選框和水平對齊文本

Question

嗨，我有以下html代碼（使用的django框架）：

<span>
    <button class="btn btn-default drop">
        <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
    </button>
</span>
<br><br>

如何將復選框和文本水平對齊？ 現在，該復選框顯示在文本下方。 有想法嗎？ 提前致謝

Answer 1

查看類btn btn-default我假設您正在使用引導程序。

http://www.bootply.com/BLWQ53GPKL

看一下代碼。 它仍然包含按鈕內的復選框，但使用帶有class checkbox的div包裝器，如此處的示例所示。Checkbox and Radio

如果您確實決定將button標簽之外的復選框選中，可以在此處查看以下代碼段：http：//www.bootply.com/iqYiXeNZuo

最后，對於復選框中的內聯標簽，單選：

<div class="checkbox">
  <label>
    <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
  </label>
</div>