Bootsrap複選框和文本在同一行上

Question

在Bootstrap中，如何獲取複選框與同一行上的其他文本對齊？複選框始終低於一行文本。我嘗試在div中包裝單獨的文本並添加填充，但它什麼都不做。

<div class="col-xs-12 move-down"> 
    <div style="padding-top:7px; display:inline-block;">This is a new email address. Would you like to:</div> 
    <div style="display:inline-block;"> 
    <label class="checkbox-inline" data-toggle="collapse" href="#collapsesignup"> 
    <input type="checkbox" id="" value="option1"> Create account 
    </label> <label class="checkbox-inline"> 
    <input type="checkbox" id="" value="option1"> Guest checkout 
    </label> 
    </div> 
</div> 

Answer 1

看起來很好，當我是你的代碼複製到的jsfiddle

但是，在這樣的情況下，一個position: relative將是有益的

https://jsfiddle.net/jacobgoh101/wne16hm1/

.checkbox-wrapper { 
    position: relative; 
    top: -1px; 
}