如何對齊輸入類型複選框，水平對齊文本

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

看一看代碼。它還包括按鈕內部的複選框，但使用div包裝與checkbox類如圖這裏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>